Beeldmateriaal

Eigenlijk zou je alle afbeeldingen die je aan welke webstek dan ook wilt toevoegen, eerst door kompressiegereedschap moeten halen.

Voor de gemiddelde webmeester is het gratis Paint.NET uitermate geschikt om zelf afbeeldingen te maken en bewerken. Mét zelfstudiemateriaal uit de eigen gemeenschap.

Voorbereiden voor het Web

• The Ultimate Guide to Website Images

Komprimeren

• TinyPNG, voor avif, webp, png en jpeg
  en Compress PNG voor die hele grote afbeelding af en toe
• Webresizer voor die (bewegende) gif
• SVGO   of   vecta.io SVG Compressor

Konverteren

• Raster   of   vektor
• Naar Data URIs met webSemantics Tool (base64)

‘Schoon’maken

• Achtergrond verwijderen
• Objecten verwijderen

Bewerken

Denk aan verkleinen, knippen, roteren, spiegelen en speciale effecten.

• PicResize
• Ezgif (kan ook bewegende gif’s splitten)

Gratis en/of rechtenvrije afbeeldingen

• “Alles wat je nodig hebt, van stockfoto’s tot video’s en AI-ontwerptools” van
  • Creazilla
  • Freepik
  • Noun Project
  • Pixabay
  • Unsplash
• Iconen voor gemeentes (ook rechtenvrije illustraties)
• -gelisensieerd materiaal

Allerlei

• Base64-kode in plaats van een afbeeldingsbestand:
  <img src="data:image/png;base64, {de kode}">

  Op deze manier staat de afbeelding in tekst opgeslagen bij de rest van je kontent.

• Dummy-afbeelding genereren
• Foto’s van mensen die niet bestaan (met ki gemaakt) Dus hoe dan ook geen portretrecht.
• EXIF bekijken (en verwijderen)
• favicon.ico maken