Prekryté obrázky na ľubovoľnom HTML / webovom serveri na porovnanie podľa pixlov [Chrome]

PerfectPixel, rozšírenie pre prehliadač Chrome, umožňuje vývojárom a dizajnérom webových stránok ľahko prekryť polopriehľadný obrázok v hornej časti vyvinutej webovej stránky HTML. Pohybom obrázka na webovej stránke môžu vývojári vizuálne vidieť rozdiel v pixeloch. Rozšírenie má tiež možnosť nepriehľadnosti, ktorá vám umožňuje zobraziť prekrytie aj vyvinuté HTML. Keď pohybujete obrázkom, súradnice sa automaticky aktualizujú v kontextovom okne PerfectPixel, ktoré potom môžu skopírovať a použiť weboví vývojári.

Po nainštalovaní rozšírenia kliknite na tlačidlo na paneli nástrojov a na vašej webovej stránke sa zobrazí kontextové okno. cvaknutie Pridajte novú vrstvu a vyberte súbor z miestneho systému. Tento obrázok sa okamžite pridá ako vrstva cez webovú stránku. Môžeš Ukázať skryť obrázky a tiež vybrať iné. Posunutím obrázka ho otestujte na rôznych miestach a súradnice sa automaticky aktualizujú v rozbaľovacej ponuke. Môžete pridať ľubovoľný počet obrázkov a kliknutím na jednotlivé obrázky vybrať. Po správnom umiestnení obrázka môžete použiť aktualizované súradnice na umiestnenie obrázka pomocou CSS. Vývojár uviedol viacnásobnú podporu prekrytia; Naše testovanie však prinieslo neschopnosť pridať viac vrstiev.

PerfectPixel možnosti vám umožní povoliť Režim kompatibility úložiska, čo je na opravu problémov s kompatibilitou pri odovzdávaní obrázkov. Jedným obmedzením používania režimu kompatibility je však to, že veľkosť súboru je obmedzená na maximálne 1,5 MB. Môžete tiež povoliť Režim ladenia a Klávesové skratky.

Naše testovanie však ukázalo, že zatiaľ čo môžete pridať viac vrstiev, na danej stránke môžete naraz zobraziť iba jednu vrstvu. Toto je nešťastné obmedzenie a vývojár by mal zvážiť jeho zmenu, aby bolo možné zobraziť niekoľko vrstiev naraz. Tlačidlo „Zamknúť“ uloží polohu vrstvy obrázka, ktorú ste pridali, aj keď ukončíte rozšírenie (kliknite na tlačidlo OK) jeho tlačidlo, aby panel zmizol) si pri najbližšom otvorení zapamätá polohu týchto obrázkov ono.

Rozšírenie PerfectPixel je veľmi užitočný nástroj pre vývojárov a dizajnérov webových stránok a je k dispozícii na nižšie uvedenom odkazu Internetový obchod Chrome.

Nainštalujte PerfectPixel pre Google Chrome