- - Overlegg bilder på alle HTML / nettsteder for sammenligning per pixel [Chrome]

Overlegg bilder på alle HTML / nettsteder for sammenligning per pixel [Chrome]

PerfectPixel, en Chrome-utvidelse, tillater nettutviklere ogdesignere for enkelt å legge et halvtransparent bilde over toppen av et utviklet HTML-nettsted. Ved å flytte bildet rundt på en webside, kan utviklere visuelt se forskjellen i pikslene. Utvidelsen har også et opacitetsalternativ, som lar deg se både overlegg og utviklet HTML. Når du beveger deg rundt i bildet, oppdateres koordinatene automatisk i PerfectPixel-popup-vinduet, som deretter kan kopieres og brukes av webutviklere.

Når du har installert utvidelsen, klikker du på knappen i verktøylinjen, og en popup-vindu vises på hjemmesiden din. Klikk Legg til nytt lag og velg en fil fra det lokale systemet. Dette bildet blir øyeblikkelig lagt til som et lag over websiden. Du kan Vis skjul bilder og også velge forskjellige. Flytt bildet rundt for å teste det på en annen måteposisjoner, og koordinatene oppdateres automatisk i popup-vinduet. Du kan legge til så mange bilder du vil, og velge bestemte bilder ved å klikke på dem. Når bildet er riktig plassert, kan du bruke de oppdaterte koordinatene til å plassere bildet ditt gjennom CSS. Utvikleren har nevnt støtte for flere overlegg; Imidlertid ga testene våre manglende evne til å legge til flere lag.

PerfectPixel (2)

PerfectPixel alternativer lar deg aktivere Lagringskompatibilitetsmodus, som er der for å løse kompatibilitetsproblemer med å laste opp bilder. En begrensning ved å bruke kompatibilitetsmodus er imidlertid at filstørrelsen er begrenset til maksimalt 1,5 MB. Du kan også aktivere Feilsøkingsmodus og Hurtigtaster.

opsjoner

men testingen vår viste at mens du kanlegge til flere lag, kan du bare se ett lag om gangen på en gitt side. Dette er en uheldig begrensning, og utvikleren bør vurdere å endre den slik at flere lag kan sees samtidig. 'Lås' -knappen lagrer plasseringen til et bildelag som du har lagt til, og selv om du avslutter utvidelsen (klikk på knappen igjen slik at panelet forsvinner), vil den huske plasseringen for bildene når du åpner den neste gang.

PerfectPixel-utvidelsen er et ganske nyttig verktøy for nettutviklere og designere, og tilgjengelig på Chrome Web Store-lenken nedenfor.

Installer PerfectPixel for Google Chrome

kommentarer