Afbeeldingsformaat opzoeken in Chrome

Wil je weten hoe groot een afbeelding is die je op een WordPress website wilt vervangen? Dan geven wij je graag de uitleg hiervoor.

  1. Open de Developer Tools in Chrome browser
    • Klik met de rechtermuisknop op de afbeelding en kies “Inspecteren” (of “Inspect” als je Chrome in het Engels gebruikt).
    • Of gebruik de sneltoets: F12 of Ctrl + Shift + I (Windows) / Cmd + Option + I (Mac).
  2. Bekijk de afbeeldingseigenschappen
    • In het Elements-paneel zie je de HTML-code. De geselecteerde <img>-tag toont de afbeelding.
    • Beweeg met de muis over de <img>-tag, en een kleine tooltip verschijnt met de afmetingen in pixels.
  3. Bekijk gedetailleerde informatie
    • Klik op het tabblad Computed (rechts in Developer Tools).
    • Scroll naar beneden en zoek “Natural Size” of “Rendered Size” om de originele en weergegeven afmetingen te zien.

Chrome developers console

Zo weet je precies hoe groot een afbeelding is en hoe deze wordt weergegeven op je site!

Mis geen WordPress tips meer.

Al 500+ webdesigners en marketeers ontvangen deze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.
100% gratis en veilig