Ik heb een website laten slicen, de ontwerp gerelateerde plaatjes en foto's zijn allemaal in het png formaat. Op zich geen probleem, maar bij de foto's (in het bijzonder de header) zijn de verschillende png's (bij verschillende pagina's) allemaal 200kb+ groot. Te groot dus. Wat let mij om ze naar .jpg om te zetten?

Er wordt inderdaad meestal png gebruikt, omdat dit erg geschikt is voor websites.
Alleen voor foto's is het wel verstandig om ze in jpg te doen, want in jpg zijn de foto's het mooist kwa kwaliteit.

Je zou de png afbeeldingen kunnen verkleinen door deze in photoshop te openen en dan vervolgens met een kleinere resolutie op te slaan.

grote images zet ik altijd om tot .gif bestanden. maakt trouwens niet uit of je nou png of jpg neemt. Misschien enkel qua kwaliteit maar dat is ook verwaarloosbaar.

Ik gebruik uitsluitend .png voor objecten die gedeeltelijk transparant zijn/ dynamisch op het andere content. rest vooral .gif

.jpg/jpeg is aanzienlijk groter qua bestandsgrote dan .gif

Het maakt uit qua grote en kwaliteit, zelf bekijk ik het altijd per plaatje.
De basisregel is meestal: foto's of plaatjes die lijken op foto's qua pixel verschil jpg, de rest png-8 en transparante png-24, dan heb je de hoogste kwaliteit en de kleinste grote. En gif gebruik raad ik af.

Origineel gepost door Daniel F

Ik gebruik uitsluitend .png voor objecten die gedeeltelijk transparant zijn/ dynamisch op het andere content. rest vooral .gif

.jpg/jpeg is aanzienlijk groter qua bestandsgrote dan .gif

jpg is niet groter als het om foto's gaat. Ook sla ik jpg dan meestal op een kwaliteit van 75-80% op, dit verschil is bijna niet zichtbaar voor het menselijk ook.

@René, same here. Foto's in jpg, plaatjes met weinig verschillende kleuren en zonder transparantie png-8.
Transparante afbeeldingen of afbeeldingen met veel verschillende kleuren vaak in png-24.

Origineel gepost door René Vennik

jpg is niet groter als het om foto's gaat. Ook sla ik jpg dan meestal op een kwaliteit van 75-80% op, dit verschil is bijna niet zichtbaar voor het menselijk ook.

Jah als het om foto's gaat inderdaad .jpg maar dan wel op 80%/100% maar dat is maar net wat je voor kwaliteit wilt. objecten van de site zelf vooral .gif

Wauw, thanks voor alle reacties. Ik weet genoeg (ga het met jpg proberen)..

Ilya

p.s. Ha, de .jpg varianten halen de 80kb nog niet eens, en de kwaliteit is vergelijkbaar...het zijn de headers op reisvormen.nl, wat mij betreft nu acceptabel in grootte.

Nogmaals dank voor de input....

Voor logo's of andere plaatjes met weinig kleuren kan je het beste png of gif gebruiken. Ik gebruik hier meestal gif voor omdat die nog net iets kleiner is dan png. PNG en GIF kunnen namelijk bepaalde kleuren 'uitzetten' waardoor deze geen beslag in kunnen nemen. JPG heeft altijd alle kleuren beschikbaar in 1 plaatje en is dus altijd groot.
PNG heeft de kwaliteiten van gif en jpeg samen.

Origineel gepost door K. Schasfoort

Ik gebruik hier meestal gif voor omdat die nog net iets kleiner is dan png.

Ben ik het niet mee eens, png is meestal kleiner dan gif. Ja moet dan wel wat opties van het png uitzetten, maar dit lijd niet tot kwaliteit verlies.

Kwam hier laatst een mooie tutorial over tegen, zal hem even opzoeken.

Kan hem niet meer vinden.

Edit: had verwacht dat deze samengevoegd zou worden met bovenstaande.

Als je met Photoshop je slices maakt, en 'save for web' gebruikt om de slices op te slaan,
dan is het vrij makkelijk om de ideale methode te vinden.

in het preview scherm kan je alles methodes uitproberen. Je krijgt dan met het oog te zien
hoe goed de kwaliteit is,hoe groot het bestand is, en eventueel kan je de kwaliteit ook nog
vergroten of verkleinen.

Precies, daar maak ik ook gebruik van, maar toch zijn er dan nog wat truckjes die je dan kan uithalen.

Origineel gepost door René Vennik

Precies, daar maak ik ook gebruik van, maar toch zijn er dan nog wat truckjes die je dan kan uithalen.

klopt, naast de standaard functies van Photohop moet je zelf ook nog nadenken
over de functies van bepaalde methodes.

.PNG en .GIF verschillen bijvoorbeeld een heel klein beetje van kleur. Dus als je een PNG
achtergrond hebt, moet je voor afgeronde hoekjes geen .GIF gebruiken, want dan zie je
alsnog hoekjes.