Archief - INFO: Weboptimized images

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

L0|2|23

Legacy Member
Dus, je wilt de kleinst mogelijke bestandsgroottes en de grootst mogelijke kwaliteit?

Je hebt 3 keuzes voor bestandstype:
*gif
*png
*jpg

GIF/
Maximaal 256 kleuren, goed voor 'pixel art'. Maar tegenwoordig is png bijna altijd beter, omdat die betere compressie heeft in 256 kleuren modus.
PNG/
Je kan kiezen tussen een 8bit palet (256kleuren of nog minder) of een 16bit palet (alle kleurtjes). Het 8bit palet presteert beter qua bestandsgrootte dan gif. 'Ping' (=png) heeft ook transparency van 1 kleur, zoals gif, maar je kan ook kiezen voor alpha transparency. Die maakt mooie overgangen, spijtig genoeg werkt dat nog niet voor Internet Explorer
JPG/
Beste voor foto's (niet pixelart of shapes etc), omdat je daar de 'colorbleeding' het minst mee ziet.

Maar hoe haal je nu ECHT de kleinste bestandsgroottes?
Ik heb 2 programma's getest: Jasc Paint Shop Pro, en Adobe Photoshop CS.
PS had duidelijk meer opties om je bestanden te optimaliseren voor het www. MAAR als ik dezelfde bestanden gesimuleerd had opgeslagen met PSP waren deze telkens kleiner!
Hier ff een korte samenvatting:
gif/ psp wint de battle, maakt altijd kleinere bestanden
png/ hier wint ook psp de battle, maar als je 'gradients' hebt komen deze mooier over in ps, hoewel je daarvoor bestandsgrootte moet inboeten
jpg/ ps is beter in jpg compressie, het ziet er beter uit en het was ook kleiner

ja ik heb grondig getest, alle opties, combinaties uitgeprobeerd etc

1/wat je dus moet doen (meestal) is de webdesign make in PS, slicen in PS en dan saven als bmp (lossless:p) en dan open je ze in PSP om ze tot kleinst mogelijke formaat te krijgen met behulp van png
2/fotos save je gewoon in ps omdat die daarvoor beter is
3/gradients maak en save je mss ook best in ps omdat die dan beter tot hun recht komen (png)

er zijn evt nog andere weboptimzing programma's om dit allemaal te doen maar die hebk dus niet nagekeken omdat de overgrote meerderheid ervan kwakzalverij lijkt en niet professioneel (the gimp zouk eiglijk wel moete teste, ma ni nu :p)

PC_Freak

Legacy Member
Tot zover deze toelichting voor de Windows- en Mac-gebruikers. En nu de Unix-gebruiker nog. :)

Enfin, ik gebruik voor elk formaat GIMP, maar de afbeeldingen die ik gebruik op het web zijn quasi altijd in PNG-formaat. Als ik snel iets wil overzetten naar een ander formaat gebruik ik daarvoor convert van imagemagick.

Aangezien ik geen andere programma's heb kan ik de grootte, kwaliteit etc ook niet vergelijken.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan