Superposición de imágenes en cualquier HTML / sitio web para la comparación por píxel [Chrome]

PerfectPixel, una extensión de Chrome, permite a los desarrolladores y diseñadores web superponer fácilmente una imagen semitransparente en la parte superior de un sitio web HTML desarrollado. Al mover la imagen en una página web, los desarrolladores pueden ver visualmente la diferencia en los píxeles. La extensión también tiene una opción de opacidad, que le permite ver tanto la superposición como el HTML desarrollado. A medida que mueve la imagen, las coordenadas se actualizan automáticamente en la ventana emergente PerfectPixel, que los desarrolladores web pueden copiar y usar.

Una vez que haya instalado la extensión, haga clic en el botón en la barra de herramientas y aparecerá una ventana emergente en su página web. Hacer clic Agregar nueva capa y seleccione un archivo de su sistema local. Esta imagen se agregará instantáneamente como una capa sobre la página web. Usted puede Mostrar ocultar imágenes y también elegir diferentes. Mueva la imagen para probarla en diferentes posiciones, y las coordenadas se actualizarán automáticamente en la ventana emergente. Puede agregar tantas imágenes como desee y seleccionar algunas particulares haciendo clic en ellas. Una vez que la imagen está posicionada correctamente, puede usar las coordenadas actualizadas para posicionar su imagen a través de CSS. El desarrollador ha mencionado el soporte de superposición múltiple; sin embargo, nuestras pruebas arrojaron incapacidad para agregar varias capas.

The PerfectPixel Opciones le permite habilitar el Modo de compatibilidad de almacenamiento, que está ahí para solucionar problemas de compatibilidad con la carga de imágenes. Sin embargo, una limitación del uso del modo de compatibilidad es que el tamaño del archivo está restringido a un máximo de 1,5 MB. También puede habilitar el Modo de depuración y Teclas de acceso rápido.

sin embargo, nuestras pruebas mostraron que, si bien puede agregar varias capas, solo puede ver una capa a la vez en una página determinada. Esta es una limitación desafortunada y el desarrollador debería considerar cambiarla para poder ver varias capas a la vez. El botón "Bloquear" guarda la posición de una capa de imagen que ha agregado e incluso si sale de la extensión (haga clic en su botón nuevamente para que el panel desaparezca) recordará la posición de esas imágenes la próxima vez que abra eso.

La extensión PerfectPixel es una herramienta bastante útil para desarrolladores y diseñadores web, y está disponible en el siguiente enlace de Chrome Web Store.

Instalar PerfectPixel para Google Chrome