- - Overlejr billeder på alle HTML / websteder til sammenligning pr. Pixel [Chrome]

Overlejr billeder på alle HTML / websteder til sammenligning pr. Pixel [Chrome]

PerfectPixel, en Chrome-udvidelse, tillader webudviklere ogdesignere til let at overlægge et halvtransparent billede over toppen af ​​et udviklet HTML-websted. Ved at flytte billedet rundt på en webside kan udviklere visuelt se forskellen i pixels. Udvidelsen har også en opacitetsindstilling, som giver dig mulighed for at se både overlay og den udviklede HTML. Når du bevæger billedet rundt, opdateres koordinaterne automatisk i pop op-vinduet PerfectPixel, som derefter kan kopieres og bruges af webudviklere.

Når du har installeret udvidelsen, skal du klikke på knappen på værktøjslinjen, og der vises en pop-up på din webside. Klik Tilføj nyt lag og vælg en fil fra dit lokale system. Dette billede tilføjes øjeblikkeligt som et lag over websiden. Du kan Vis / Skjul billeder og vælg også forskellige. Flyt billedet rundt for at teste det anderledespositioner, og koordinaterne opdateres automatisk i pop op-vinduet. Du kan tilføje så mange billeder, som du vil, og vælge bestemte billeder ved at klikke på dem. Når billedet er korrekt placeret, kan du bruge de opdaterede koordinater til at placere dit billede gennem CSS. Udvikleren har nævnt multiple overlay support; vores test gav imidlertid manglende evne til at tilføje flere lag.

PerfectPixel (2)

PerfectPixel Muligheder giver dig mulighed for at aktivere Lagringskompatibilitetstilstand, som er der for at løse kompatibilitetsproblemer med upload af billeder. En begrænsning ved brug af kompatibilitetstilstand er imidlertid, at filstørrelsen er begrænset til maksimalt 1,5 MB. Du kan også aktivere Fejlretningstilstand og Genvejstaster.

muligheder

vores test viste imidlertid, at mens du kantilføj flere lag, kan du kun se et lag ad gangen på en given side. Dette er en uheldig begrænsning, og udvikleren bør overveje at ændre den, så flere lag kan ses på én gang. Knappen ‘Lås’ gemmer placeringen af ​​et billedlag, som du har tilføjet, og selvom du forlader udvidelsen (klik på dens knap igen, så panelet forsvinder), vil det huske placeringen for disse billeder, når du næste åbner den.

PerfectPixel-udvidelsen er et meget praktisk værktøj til webudviklere og designere og fås på linket Chrome Web Store nedenfor.

Installer PerfectPixel til Google Chrome

Kommentarer