Afbeelding & Media
Afbeelding & Media — 5 gratis ontwikkelaarstools in je browser: Base64-afbeeldingsconverter, plaatshouder- en OG-afbeeldingsgenerator. Alles draait lokaal zonder registratie of uploads, je gegevens blijven privé en resultaten zijn direct beschikbaar.
Gebruiksaanwijzing
- 1Sleep de afbeelding in de tool— Het bestand wordt in de browser gelezen met de FileReader API, dus de afbeelding wordt in de tab verwerkt en er gaat geen upload de deur uit.
- 2Converteer of verklein— Maak van een PNG of JPG een .ico-favicon met meerdere formaten, codeer een afbeelding als Base64 data-URI, of haal een SVG door de optimizer om editor-metadata te schrappen en paden in te korten.
- 3Download het bestand of plak het inline— Bewaar het resultaat, of kopieer de data-URI rechtstreeks in je CSS of HTML; de OG-afbeelding- en placeholdergenerator maken het beeldmateriaal dat je pagina nog mist.
Veelgestelde vragen
Nee. Het bestand wordt met FileReader ingelezen en op een canvas in je browser verwerkt, dus er gaat niets de deur uit. Dat geldt net zo goed voor de ICO-converter, de Base64-afbeeldingsconverter en de SVG-optimizer.
1200x630 pixels, een verhouding van 1,91:1, want daarop snijden Facebook, X en de meeste messengers bij. De OG Image Generator begint precies met dat canvas, en een bestand rond of onder 1 MB voorkomt time-outs bij tragere crawlers.
Bij kleine assets — iconen en minilogo's van een paar kilobyte — waar het uitsparen van één HTTP-verzoek zwaarder weegt dan de circa 33% extra omvang van Base64. Grotere afbeeldingen blijven beter bestanden, zodat de browser ze apart kan cachen en lui kan laden.