Casestudy van een webdesigner

Casestudy webmaster

Website bouwen: bespaar tijd die anders verloren gaat aan beeldoptimalisatie

Bij het bouwen van een website vanuit een Photoshop-bestand is een belangrijk onderdeel van het werk het vinden van het beste formaat en de juiste compressie voor de afbeeldingen. De juiste instellingen zorgen voor een mooi ontwerp, maar tegelijkertijd moeten de afbeeldingen zo licht mogelijk worden geëxporteerd. Omdat Photoshop een algemene compressie op afbeeldingen toepast, is het vrij complex om zowel lichte als hoogwaardige afbeeldingen te verkrijgen.

Nu het voorbij is, denk er niet eens meer aan, werk snel en we optimaliseren de afbeeldingen zodra je met iets anders bezig bent!

Gezien het feit dat er 30 afbeeldingen per pagina worden gemaakt, inclusief afbeeldingen voor de content en het thema, hoeveel tijd kost het exporteren van de afbeeldingen? Het proces is behoorlijk lang en vereist meerdere pogingen met verschillende compressieniveaus.

jpeg-kwaliteit

Het exporteren als jpg-afbeelding omvat het volgende:

  • Ga naar het menu "Exporteren voor web"
  • Kies het JPEG-formaat
  • Kies een compressie/kwaliteit 
  • Selecteer de maat
  • Exporteer de afbeelding
  • Stuur de afbeelding naar uw website
  • Doe een eindtoets

Pagina-analyse: 30 afbeeldingen, elk 3 keer geëxporteerd voor testdoeleinden.
Tijd besteed aan testen: 1 minuut per poging, dus 1 uur per pagina.
Met automatische beeldoptimalisatie: voor 5 pagina's is dat 5 uur werk, met een perfect eindresultaat.

 

Kleiner, maar van hoge kwaliteit

Omdat ImageRecycle -algoritme geen globale compressie op afbeeldingen toepast, maar rekening houdt met het kleurbereik en het oorspronkelijke compressieniveau, kunt u alle afbeeldingen exporteren met 100% van de oorspronkelijke kwaliteit. Houd er rekening mee: hoe minder de originele afbeelding gecomprimeerd is, hoe beter de optimalisatie en hoe kleiner de bestandsgrootte. Bekijk de onderstaande test met de afbeeldingen die zijn benoemd naar hun Photoshop-kwaliteitsniveaus (60 = 60% van de kwaliteit, 80 = 80% van de kwaliteit, enz.)

kwaliteitsoptimalisatie van jpg

De afbeelding die met 100% kwaliteit werd geëxporteerd, leverde het beste visuele resultaat en de beste bestandsgrootte op. Denk dus vooral aan het technische aspect: we houden rekening met het bestandsformaat van de afbeeldingen.