Deprecated: Assigning the return value of new by reference is deprecated in /var/www/olerode.dk/public_html/wp-settings.php on line 520

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/olerode.dk/public_html/wp-settings.php on line 535

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/olerode.dk/public_html/wp-settings.php on line 542

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/olerode.dk/public_html/wp-settings.php on line 578

Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/olerode.dk/public_html/wp-settings.php on line 18

Strict Standards: Declaration of Walker_Page::start_lvl() should be compatible with Walker::start_lvl(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1199

Strict Standards: Declaration of Walker_Page::end_lvl() should be compatible with Walker::end_lvl(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1199

Strict Standards: Declaration of Walker_Page::start_el() should be compatible with Walker::start_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1199

Strict Standards: Declaration of Walker_Page::end_el() should be compatible with Walker::end_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1199

Strict Standards: Declaration of Walker_PageDropdown::start_el() should be compatible with Walker::start_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1244

Strict Standards: Declaration of Walker_Category::start_lvl() should be compatible with Walker::start_lvl(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1391

Strict Standards: Declaration of Walker_Category::end_lvl() should be compatible with Walker::end_lvl(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1391

Strict Standards: Declaration of Walker_Category::start_el() should be compatible with Walker::start_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1391

Strict Standards: Declaration of Walker_Category::end_el() should be compatible with Walker::end_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1391

Strict Standards: Declaration of Walker_CategoryDropdown::start_el() should be compatible with Walker::start_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/classes.php on line 1442

Strict Standards: Redefining already defined constructor for class wpdb in /var/www/olerode.dk/public_html/wp-includes/wp-db.php on line 306

Strict Standards: Redefining already defined constructor for class WP_Object_Cache in /var/www/olerode.dk/public_html/wp-includes/cache.php on line 431

Strict Standards: Declaration of Walker_Comment::start_lvl() should be compatible with Walker::start_lvl(&$output) in /var/www/olerode.dk/public_html/wp-includes/comment-template.php on line 1266

Strict Standards: Declaration of Walker_Comment::end_lvl() should be compatible with Walker::end_lvl(&$output) in /var/www/olerode.dk/public_html/wp-includes/comment-template.php on line 1266

Strict Standards: Declaration of Walker_Comment::start_el() should be compatible with Walker::start_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/comment-template.php on line 1266

Strict Standards: Declaration of Walker_Comment::end_el() should be compatible with Walker::end_el(&$output) in /var/www/olerode.dk/public_html/wp-includes/comment-template.php on line 1266

Strict Standards: Redefining already defined constructor for class WP_Dependencies in /var/www/olerode.dk/public_html/wp-includes/class.wp-dependencies.php on line 31

Strict Standards: Redefining already defined constructor for class WP_Http in /var/www/olerode.dk/public_html/wp-includes/http.php on line 61

Strict Standards: Declaration of GA_Admin::checkbox() should be compatible with Yoast_Plugin_Admin::checkbox($id, $label) in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 27

Strict Standards: Declaration of GA_Admin::textinput() should be compatible with Yoast_Plugin_Admin::textinput($id, $label) in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 27
Forstå JPG-komprimering af billeder - olerode.dk

Forstå JPG-komprimering af billeder


Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::the_content() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166

Strict Standards: Non-static method GA_Filter::ga_parse_article_link() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 493

Få en ikke alt for teknisk forklaring på, hvad der sker, når du komprimerer et foto. Samtidig får du en vejledning i, hvad du skal kigge efter, når du skal vurdere, om et billede er optimalt komprimeret til  publicering på nettet.

Billede 1. Det ikke-komprimerede foto

Billedet herunder er ikke komprimeret. Hvis du oplevede, at det tog lang tid at få det frem på skærmen, er det fordi filstørrelsen, den datamængde, der skal til for at beskrive billedet, er alt for stor. Billedet fylder 242K:

Det ikke-komprimerede foto

Billede 2. Det OK komprimerede foto

Herunder ser du samme billede, men denne gang komprimeret, så det bare fylder 53K:

Det komprimerede foto

Der er ikke meget forskel at se, men det billede 2 fylder altså bare en sjettedel.

Billede 3. Det meget komprimerede foto

Det meget komprimerede foto

Nu fylder billedet bare 18K, men du kan også se, at billedet bliver gnidret og detaljerne forsvinder.

Det at kunne komprimere et billede ordentligt, så det både står klart og samtidig fylder så lidt som muligt, er din opgave som web-professionel.

JPG-komprimering

Lad os nu se grundigt på billedet og finde ud af, hvad der sker, når billedet bliver komprimeret:

Udsnittet af er kraftigt forstørret for tydelighedens skyld. Klik frem og tilbage mellem det ikke-komprimerede og det meget komprimerede for at se forskellen.

Hvad JPG gør
JPG eller JPEG er meget effektiv til foto-komprimering. Normalt har hvert billedpunkt eller pixel sin egen farve. Dvs. hvert eneste pixel har i computerens hjerne en beskrivelse af nøjagtigt denne farvenuance ud af millioner af muligheder. JPG lægger flere pixels sammen i én blok - ligesom et skakbræt. Du kan se disse blokke som lidt store kvadrater på det komprimerede billede herover. I disse blokke udregnes så en gennemsnitsfarve, enten for hele skakbrættet eller for mindre klumper af pixels, så det ikke er den enkelte pixel, men derimod blokken af pixels, der har en af de mange millioner farver. Jo større komprimering, jo større blokke af pixels med samme gennemsnitsfarve.

Graden af komprimering har dels sammenhæng med, hvor store blokke af pixels, der får samme farvebeskrivelse, dels med, hvor mange detaljer, der er i billedet.

Den optimale JPG-komprimering:

JPG-komprimeringen handler om at komme så langt ned som muligt i filstørrelse, men samtidig opretholde en tålelig kvalitet. Du skal bruge øjnene. Billede 3 (ovenfor) er komprimeret for meget. Billede 2 ser fint ud og fylder bare 53K, hvilket er absolut passende.

Når du komprimerer, skal du kigge efter følgende:
• Store ensfarvede områder, f.eks. himlen, må ikke have de store firkanter i farvefladen - så har du komprimeret for meget.
• Snulder eller små bølgeskvulp omkring kontraster er tegn på, at komprimeringen er så kraftig, at det går ud over billedkvaliteten. Du skal ramme lige under det niveau, hvor der kommer snulder omkring kontrasterne

Din opgave er at afveje filstørrelse (og dermed brugervenlighed) og kvalitet (og dermed brugeroplevelse). Hvis du komprimerer for lidt, bliver filen for stor og irriterer måske dine brugere. Komprimerer du for meget, bliver kvaliteten for ringe.

One Response to “Forstå JPG-komprimering af billeder”


  • Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::comment_author_link() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 516

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 518
    Henning Søgaard Nielsen:

    Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::comment_text() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166

    Strict Standards: Non-static method GA_Filter::ga_parse_comment_link() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 501

    Hej Ole.
    Tak for sidst - det blev en rigtig god start på kurset i web-journalistik.
    Jeg har læst dine gode artikler om bytes og pixels - og om jpg-komprimering, og da jeg nok er lidt gammeldags, så kan jeg godt lide at printe artiklerne ud og læse dem på papir (så kan man jo også tage dem med i toget eller i sommerhuset).
    Derfor tænkte jeg, om du ikke bruger (og helt generelt ser det som en god hjælp) at lægge et printer-ikon ind i forbindelse med artikler, hvor man kan klikke og så få artiklen i print-venlig opsætning parat til udskrift?

    Mange hilsner
    Henning

Seneste kommentarer

    Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::comment_author_link() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 516

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 518
  • John Vestergaard til Om dette site

  • Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::comment_author_link() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166
  • Hajo til Guide til gratis musik og lyd på nettet

  • Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::comment_author_link() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 516

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 518
  • Rikke Rørbech til Video på nettet - web-tv, videoklip eller videoindslag

  • Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::comment_author_link() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 516

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 518
  • Jørn Albertus til Soundslide: Gravsten fortæller historie

  • Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::comment_author_link() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 166

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 516

    Strict Standards: Non-static method GA_Filter::ga_get_domain() should not be called statically in /var/www/olerode.dk/public_html/wp-content/plugins/google-analytics-for-wordpress/googleanalytics.php on line 518
  • Rikke/I love barcodes til QR-koder eller mobil-tags - læs dem, brug dem - og lav dem selv
Islandske heste
Hjemme på gården er der masser af islandske heste

Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GA_Filter::spool_analytics() should not be called statically in /var/www/olerode.dk/public_html/wp-includes/plugin.php on line 339