Překryvné obrázky na libovolném HTML / webu pro porovnání na pixel [Chrome]

PerfectPixel, rozšíření Chrome, umožňuje webovým vývojářům aNávrháři snadno překrývají poloprůhledný obrázek v horní části vyvinuté webové stránky HTML. Pohybem obrázku na webové stránce mohou vývojáři vizuálně vidět rozdíl v pixelech. Rozšíření má také možnost neprůhlednosti, která vám umožní zobrazit překryv i vyvinuté HTML. Když pohybujete obrázkem, souřadnice se automaticky aktualizují v rozbalovacím seznamu PerfectPixel, který pak mohou zkopírovat a použít weboví vývojáři.

Po instalaci rozšíření klikněte na tlačítko na panelu nástrojů a na vaší webové stránce se objeví vyskakovací okno. Klikněte na Přidat novou vrstvu a vyberte soubor z místního systému. Tento obrázek bude okamžitě přidán jako vrstva přes webovou stránku. Můžeš Zobrazit / skrýt obrázky a také vybrat jiné. Posunutím obrázku jej otestujte jinakpozice a souřadnice se automaticky aktualizují ve vyskakovacím okně. Můžete přidat libovolný počet obrázků a kliknutím na ně vybrat konkrétní. Jakmile je obrázek správně umístěn, můžete pomocí aktualizovaných souřadnic umístit obrázek pomocí CSS. Vývojář zmínil podporu více překryvů; však naše testování přineslo neschopnost přidat více vrstev.

PerfectPixel Možnosti vám umožní povolit Režim kompatibility úložiště, což umožňuje opravit problémy s kompatibilitou při nahrávání obrázků. Jedním z omezení používání režimu kompatibility je však to, že velikost souboru je omezena na maximálně 1,5 MB. Můžete také povolit Debugovací mód a Klávesové zkratky.

naše testování však ukázalo, že i když můžetepřidat více vrstev, na dané stránce můžete najednou zobrazit pouze jednu vrstvu. Toto je nešťastné omezení a vývojář by měl zvážit změnu tak, aby bylo možné zobrazit několik vrstev najednou. Tlačítko „Zamknout“ uloží polohu vrstvy obrázku, kterou jste přidali, ai když ukončíte rozšíření (klepnutím na jeho tlačítko znovu, aby panel zmizel), zapamatuje si polohu těchto obrázků, když ji znovu otevřete.

Rozšíření PerfectPixel je docela užitečný nástroj pro webové vývojáře a designéry a je k dispozici na níže uvedeném odkazu Internetový obchod Chrome.

Nainstalujte PerfectPixel pro Google Chrome