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

PerfectPixel, rozšírenie Chrome, umožňuje vývojárom webu aNávrhári ľahko prekrývajú 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é. Posúvajte obrázok, aby ste ho vyskúšali ináčpolohy 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 aj keď môžetepridať viac vrstiev, naraz môžete na danej stránke 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 „Uzamknúť“ uloží polohu vrstvy obrázka, ktorú ste pridali, a to aj v prípade, že ukončíte rozšírenie (kliknutím na jeho tlačidlo znova, aby panel zmizol) si pri ďalšom otvorení pamätá polohu týchto obrázkov.

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