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

PerfectPixel, což je rozšíření prohlížeče Chrome, umožňuje webovým vývojářům a návrhářům snadno překrýt poloprůhledný obrázek v horní části vyvinutého webu 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é. Pohybujte obrazem a otestujte jej na různých pozicích a souřadnice se automaticky aktualizují v rozbalovacím seznamu. 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 zatímco můžete přidat více vrstev, na dané stránce můžete současně 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, a to i v případě, že ukončíte rozšíření (klikněte jeho tlačítko, aby panel zmizel) si při příštím otevření zapamatuje polohu těchto obrázků to.

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