Plaatjes in je webpagina? Een tip!

[Duwgati]

Hier een tip voor als je screenshots in je website wilt plaatsen.

Veel mensen denken dat JPG het meest compacte resultaat geeft, (kleinst aantal Kb) maar dat is niet per definitie zo.

Als het erom gaat een zo klein mogelijke afbeelding maken om de pagina zo snel mogelijk te laten laden, dan geldt:

- JPG is het best als je foto's wilt weergeven.

- GIF is het best als je screenshots van software-applicaties wilt weergeven.

 

Hier wat voorbeelden:

Standaard XP stijl windows in .JPG formaat (66 Kb):

 

Standaard XP stijl windows in .GIF formaat (34 Kb):

 

Standaard W98/W2K stijl windows in .GIF formaat (30 Kb):

 

Geoptimaliseerde W98/W2K stijl windows in .GIF formaat (29 Kb):

 

Zoals je kunt zien, geeft de afbeelding die in Kb gemeten het kleinst is, ook nog het mooiste effect.

Om dit te bereiken moet je dus wel even de desktop settings aanpassen. In de NL versie zal dat wel buroblad-instellingen heten of zoiets.

 

Instellingen:

 

Let er dus op dat je de kleuren voor de linker- en de rechterzijde van de titelbalk allebei hetzelfde instelt. Dan krijg je het beste resultaat.

 

En nog 1 tip voor het maken van die screenshots.

Met de toets PrintScrn wordt je totale scherm in het clipboard geplaatst en kun je het vervolgens simpel in een tekenpakket importeren.

Als je Alt-PrintScrn gebruikt, wordt alleen het actieve window in je clipboard geplaatst. Dan hoef je niet te gaan knippen <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" />

 

[Gast]

Het veranderen van het aantal kleuren naar 256 scheel ook.

Als je het bij een gewone foto doe zie je nog nauwelijks verschil met het orgineel.

[frozen-sky]

Kijk ook eens naar het PNG formaat. Naar mijn mening suprieur over GIF.

 

Helaas ondersteund IE alleen de transparantie 'kleur' in PNG nog niet. Dus alleen gebruiken voor plaatjes zonder transparantie.

 

Voor foto's is JPG nog steeds de kleinste (dacht ik)

[Duwgati]

Citaat:

Het veranderen van het aantal kleuren naar 256 scheel ook.
Als je het bij een gewone foto doe zie je nog nauwelijks verschil met het orgineel.

Ik heb het nadrukkelijk over screenshots van software-applicaties, niet over foto's. Als je het soort plaatjes als ik hierboven heb afgebeeld, in een JPG formaat probeert te saven, wordt het gegarandeerd minder strak en blijft het toch groter (in Kb) ongeacht het aantal kleuren dat je gebruikt. Dat is nou eenmaal inherent aan de gebruikte compressietechniek.

Citaat:

Kijk ook eens naar het PNG formaat. Naar mijn mening suprieur over GIF.

Helaas ondersteund IE alleen de transparantie 'kleur' in PNG nog niet. Dus alleen gebruiken voor plaatjes zonder transparantie.

Voor foto's is JPG nog steeds de kleinste (dacht ik)

PNG levert plaatjes op die veel groter zijn (in Kb) dan GIF. Als je die geoptimaliseerde GIF hierboven, in PNG formaat omzet, wordt ie meteen weer 36 Kb groot, zonder dat die extra Kb's iets toevoegen aan resolutie, kleuren of wat dan ook.

PNG is prima als je high-res foto's wilt plaatsen, maar voor de toepassing die ik hierboven beschreef (software screenshots) gaat er niets boven GIF.

Overigens kan PNG wel degelijk transparantie weergeven. Je moet dan alleen eerst een alpha channel activeren. Kijk hier maar eens