Nakładaj obrazy na dowolne strony HTML / strony w celu porównania poszczególnych pikseli [Chrome]

PerfectPixel, rozszerzenie Chrome, pozwala twórcom stron internetowych i projektantom na łatwe nałożenie półprzezroczystego obrazu na górę rozwiniętej witryny HTML. Przesuwając obraz na stronie, programiści mogą wizualnie zobaczyć różnicę w pikselach. Rozszerzenie ma również opcję krycia, która pozwala wyświetlić zarówno nakładkę, jak i rozwinięty HTML. Podczas przesuwania obrazu współrzędne są automatycznie aktualizowane w wyskakującym okienku PerfectPixel, które następnie mogą być kopiowane i używane przez twórców stron internetowych.

Po zainstalowaniu rozszerzenia kliknij przycisk na pasku narzędzi, a na stronie pojawi się wyskakujące okienko. Kliknij Dodaj nową warstwę i wybierz plik z systemu lokalnego. Ten obraz zostanie natychmiast dodany jako warstwa na stronie internetowej. Możesz Pokaż ukryj obrazy, a także wybierz inne. Przesuń obraz, aby przetestować go w różnych pozycjach, a współrzędne zostaną automatycznie zaktualizowane w wyskakującym okienku. Możesz dodać dowolną liczbę zdjęć i wybrać poszczególne, klikając je. Po prawidłowym ustawieniu obrazu możesz użyć zaktualizowanych współrzędnych, aby ustawić obraz za pomocą CSS. Deweloper wspomniał o obsłudze wielu nakładek; jednak nasze testy wykazały brak możliwości dodania wielu warstw.

PerfectPixel Opcje pozwalają włączyć Tryb zgodności pamięci, który służy do rozwiązywania problemów ze zgodnością z przesyłaniem zdjęć. Jednym z ograniczeń korzystania z trybu zgodności jest jednak to, że rozmiar pliku jest ograniczony do maksymalnie 1,5 MB. Możesz także włączyć Tryb debugowania i Skróty klawiszowe.

jednak nasze testy wykazały, że chociaż możesz dodać wiele warstw, możesz wyświetlić tylko jedną warstwę na raz na danej stronie. Jest to niefortunne ograniczenie i deweloper powinien rozważyć jego zmianę, aby można było oglądać kilka warstw jednocześnie. Przycisk „Zablokuj” zapisuje pozycję dodanej warstwy obrazu, a nawet po wyjściu z rozszerzenia (kliknij przycisk ponownie, aby panel zniknął) zapamięta położenie tych zdjęć przy następnym otwarciu to.

Rozszerzenie PerfectPixel to całkiem przydatne narzędzie dla programistów i projektantów stron internetowych, dostępne pod poniższym linkiem do Chrome Web Store.

Zainstaluj PerfectPixel dla Google Chrome