Наслагване на изображения във всеки HTML / уебсайт за сравнение на пиксели [Chrome]

PerfectPixel, разширение за Chrome, позволява на уеб разработчиците и дизайнерите лесно да наслагват полупрозрачно изображение върху върха на разработен HTML уебсайт. Премествайки изображението на уеб страница, разработчиците могат визуално да виждат разликата в пикселите. Разширението има и опция за непрозрачност, която ви позволява да видите както наслагването, така и разработения HTML. Докато премествате изображението, координатите се актуализират автоматично в изскачащия прозорец PerfectPixel, който след това може да бъде копиран и използван от уеб разработчици.

След като инсталирате разширението, щракнете върху бутона в лентата с инструменти и на вашата уеб страница ще се появи изскачащ прозорец. Кликнете Добавете нов слой и изберете файл от вашата локална система. Това изображение веднага ще бъде добавено като слой върху уеб страницата. Можеш Покажи скрий изображения и също така изберете различни. Преместете изображението, за да го тествате в различни позиции и координатите автоматично ще се актуализират в изскачащия прозорец. Можете да добавите колкото искате изображения и да изберете конкретни, като щракнете върху тях. След като изображението е правилно позиционирано, можете да използвате актуализираните координати, за да позиционирате изображението си чрез CSS. Програмистът е споменал множество поддръжки за наслагване; обаче нашето тестване даде невъзможност за добавяне на няколко слоя.

The PerfectPixel Настроики ви позволяват да активирате Режим на съвместимост на съхранението, който е там, за да коригира проблемите със съвместимостта с качването на изображения. Едно ограничение на използването на режим на съвместимост обаче е, че размерът на файла е ограничен до максимум 1,5 MB. Можете също така да активирате Режим на отстраняване на грешки и Бързи клавиши.

нашето тестване обаче показа, че макар да можете да добавяте няколко слоя, можете да преглеждате само един слой наведнъж на дадена страница. Това е жалко ограничение и разработчикът трябва да помисли да го промени, така че няколко слоя да могат да бъдат гледани наведнъж. Бутонът „Заключване“ запазва позицията на изображението, което сте добавили и дори ако излезете от разширението (щракнете бутонът му отново, така че панелът да изчезне) той ще запомни позицията за тези изображения при следващото отваряне то.

Разширението PerfectPixel е доста удобен инструмент за уеб разработчици и дизайнери и е достъпно на връзката в уеб магазина на Chrome по-долу.

Инсталирайте PerfectPixel за Google Chrome