Afbeeldingsgrootte: Automatisch de afbeeldingsgrootte berekenen
Image Size is een Chrome-add-on ontwikkeld door itcharliexu. Het is een handige tool om de grootte van afbeeldingen op webpagina's te controleren. De add-on vergelijkt de stijlgrootte en de daadwerkelijke bron grootte van elke afbeelding op de pagina en geeft een herinnering als ze niet consistent zijn.
Met Image Size kunt u snel de afmetingen en bestandsgroottes van afbeeldingen op voorbeeldpagina's bekijken. Het biedt ook een kopieer CSS-functie voor eenvoudige styling. Voor niet-voorbeeldpagina's doorzoekt de add-on de hele webpagina om de afbeeldingsstijlgroottes te vergelijken met hun daadwerkelijke bron groottes. Het markeert vervolgens eventuele inconsistenties voor eenvoudige identificatie.
Zodra geïnstalleerd, kunt u de add-on in- of uitschakelen door op het pictogram te klikken. Door met de rechtermuisknop op het pictogram te klikken, kunt u toegang krijgen tot de opties voor de add-on. Hier kunt u de tagkleuren aanpassen, de visuele breedte aanpassen, de maximale compatibele breedte instellen, de navigatiehoogte specificeren, kiezen of u achtergrondafbeeldingen wilt opnemen in de controle en de debug-modus inschakelen.
Voor pagina's met afbeeldingsvoorbeelden wordt de basisinformatie van elke afbeelding weergegeven in de linkerbovenhoek. Op niet-voorbeeldpagina's worden eventuele afbeeldingen met fouten aan de rechterkant van de pagina gemarkeerd. Door op de tag te klikken, worden de foutdetails onthuld, inclusief het voorbeeld van de afbeelding, de locatie, de link, de stijlgrootte, de werkelijke grootte, het type (afbeelding of achtergrond) en het specifieke DOM-object op de pagina.
