Beste phphelpers,
wat is de beste kwaliteit voor een afbeelding op een website, bijvoorbeeld een logo?
En waarom?
Afbeelding opslaan als
4.222 views
Het beste kwaliteit afbeeldingen is TIFF, dan PNG, GIF en JPG. Qua grootte kun je het beter bij een JPG'tje houden aangezien de laadtijd dan nog wat te doen is.
Het licht er totaal aan wat je wilt. Kort door de bocht:
JPEG
+ Meest geschikt voor foto's
+ Veel kleuren
- Niet geschikt voor vlakken
- Niet doorzichtig
GIF
+ Geschikt voor vlakken
- Alleen 100% doorzicht of niet, geen tussenweg
- weinig kleuren
PNG
+ Beste kwaliteit
+ Alle soorten tussen de 0% en 100% doorzich.
PNG8
- Weinig kleuren
PNG24
- Groot bestand
Zie voor een hele goede tutorial hierover: Image types and usage in web design
JPEG
+ Meest geschikt voor foto's
+ Veel kleuren
- Niet geschikt voor vlakken
- Niet doorzichtig
GIF
+ Geschikt voor vlakken
- Alleen 100% doorzicht of niet, geen tussenweg
- weinig kleuren
PNG
+ Beste kwaliteit
+ Alle soorten tussen de 0% en 100% doorzich.
PNG8
- Weinig kleuren
PNG24
- Groot bestand
Zie voor een hele goede tutorial hierover: Image types and usage in web design
Bram Boos op 02/03/2011 20:28:53
Het beste kwaliteit afbeeldingen is TIFF, dan PNG, GIF en JPG. Qua grootte kun je het beter bij een JPG'tje houden aangezien de laadtijd dan nog wat te doen is.
TIFF kun je het beste alleen gebruiken bij Drukwerk en niet op het web. Ik zeg kies altijd voor gif omdat die het kleinste ruimte in beslag als ik transparantie gebruik ik voor PNG en voor foto's etc gebruik ik JPG.
Om een voorbeeld te geven
Een logo in de trend van de avatar van Wesley PHP zou ik in gif maken.
Je ziet welomlijnde vlakken, een beperkt aantal welbepaalde kleuren.
Bij de avatar van Wouter J past dan weer beter een jpg. Je ziet zachte kleurenovergangen (=> veel verschillende kleurentinten), geen scherpe lijnen
Nu, png geeft je zowat the best of both worlds. Meestal zit je met png sowieso wel goed.
Een logo in de trend van de avatar van Wesley PHP zou ik in gif maken.
Je ziet welomlijnde vlakken, een beperkt aantal welbepaalde kleuren.
Bij de avatar van Wouter J past dan weer beter een jpg. Je ziet zachte kleurenovergangen (=> veel verschillende kleurentinten), geen scherpe lijnen
Nu, png geeft je zowat the best of both worlds. Meestal zit je met png sowieso wel goed.
Maar als ik een website heb met verschillende afbeeldingen en ik geef ze allemaal een andere extensie dan word het ook zo'n rommeltje
In photoshop 'save for web and devices' kiezen, wordt de beste optie geselecteerd.
Mar cel op 04/03/2011 22:54:53
In photoshop 'save for web and devices' kiezen, wordt de beste optie geselecteerd.
Wat is dit nu weer voor onzin?
In save voor web kies je zelf voor de beste optie.
Gebruikelijk voor websites zijn gif, jpg en png.
Gif gebruik je voor vormen met weinig detail en weinig kleurnuances (zoals logo's) of voor transparantie (echter, gif transparantie levert niet heel geode kwaliteit.. voor goede kwaliteit en transparantie gebruik je png), jpg gebruik je voor afbeeldingen met veel detail en veel kleurnuances (zoals foto's) en png gebruik je met name wanneer je gebruik wil maken van transparantie waarbij een goede kwaliteit behouden moet blijven.