webdesign

tutorial

menu
  • home
  • support
  • contact

Afbeelding optimaliseren voor gebruik op het internet

09-09-2013 Afbeeldingen

Zeker als u meerdere foto's op uw website plaatst is het belangrijk om de foto's te optimaliseren voor gebruik op het web, simpelweg omdat een pagina daardoor veel sneller inlaadt. Bij het optimaliseren van een afbeelding zoekt u naar de juiste balans tussen bestandsgrootte (het aantal kb's) en de beeldkwaliteit.

Een foto die u op het internet plaatst moet aan andere eisen voldoen dan een foto die bijvoorbeeld wordt gebruikt voor drukwerk.
In zekere zin zijn ze zelfs tegenovergesteld. Een foto die wordt gebruikt in drukwerk moet zo scherp mogelijk worden weergegeven, deze scherpte wordt bepaald door de resolutie (het aantal dots per inch (dpi)). Een foto die op het internet wordt geplaatst moet zo snel mogelijk inladen, zo klein mogelijk zijn. Het aantal dpi is niet van invloed op de beeldkwaliteit.

1. Verklein de foto tot het juiste formaat

Hoe meer pixels, hoe groter het bestand.
Foto's die via het CMS worden geupload worden automatisch geresized zodat ze binnen het gekozen ontwerp passen, het originele bestand (het aantal kb's) blijft echter ongewijzigd. Het verkleinen van een foto naar het juiste formaat scheelt aanzienlijk in de bestandsgrootte.

De standaard resolutie voor de meeste laptops is 1024 x 768 pixels (voor breedbeeld 1366 x 768).

Als u dus een foto op uw website plaatst die groter is zal deze bij de meeste bezoekers worden verkleind.

2. Kies het juiste bestandsformaat

De bestandsgrootte wordt voor een groot gedeelte bepaald door het formaat waarin u het bestand opslaat. Het is zeker aan te raden om hier per bestand mee te experimenteren.

Hierbij gelden de volgende stelregels:
Voor foto's en veelkleurige afbeeldingen is jpg (quality tussen de 70 en 80%) het beste formaat.
Voor afbeeldingen met weinig verschillende kleuren of harde lijnen en teksten is gif het beste formaat.

3. Comprimeer het bestand

.gif bestanden kunt u comprimeren door het aantal kleuren te reduceren.

.jpg bestanden kunt u comprimeren door:
1. 'progressive browser display' uit te zetten.
2. verschuif de quality zo ver mogelijk naar beneden. Hierbij gaat het erom de juiste balans te zoeken tussen de beeldkwaliteit en bestandsgrootte (het aantal kb's). Over het algemeen ligt die grens ergens tussen de 70 en 80%.
3. te spelen met de optie 'sharpen color edges'. Soms maakt het bijvoorbeeld qua beeldkwaliteit niets uit om het uit te zetten maar levert het wel een aantal kb's op. En soms kunt u juist door de optie aan te zetten de quality verder verlagen.

gerelateerde artikelen

  • 09-09-2013 Afbeelding in de tekst plaatsen mbv de WYSIWYG editor
  • 09-09-2013 Afbeelding automatisch verkleinen (content-element)
  • 06-09-2013 Afbeelding op de site plaatsen

artikelen ingedeeld per categorie

  • Hoe werkt UP 'N' RUNNING

  • CMS Basisvaardigheden

    • Basisvaardigdheden

    • Troubleshooting

  • Website layout

    • Website indeling algemeen

    • Pagina en kolom structuur

    • Extra opmaak elementen

    • Vormgeving geavanceerd

      • Geavanceerd: Lettertype

      • Geavanceerd: JavaScript & CSS

  • Website bewerken

    • Algemeen

    • Troubleshooting

    • Afbeeldingen

    • Bijlage (PDF etc)

    • Extra opties FULL version

    • Link plaatsen

    • Social media

    • WYSIWYG tekst editor

    • Youtube

    • Zoekmachine optimalisatie

  • Geavanceerde instellingen

    • Geavanceerde instellingen

    • FULL version

  • E-mail & Domeinnaam

    • E-mail algemeen

    • E-mail instellen

    • E-mail verwijderen

    • E-mail troubleshooting

    • Wachtwoord vergeten

    • iPhone en iPad: e-mail instellingen

    • Spam

    • Domeinverhuizing



2000 |2025
support
voorbeelden