Dian8Dian Tools
PerfectPixel by WellDoneCode (pixel perfect)

PerfectPixel by WellDoneCode (pixel perfect)

Deja tu maqueta en la página en vivo para una comparación perfecta con tu código.

Herramientas para desarrolladoresHerramientas de diseñoChromeEdgeFirefox
PerfectPixel by WellDoneCode (pixel perfect)

Capturas de pantalla

1 / 5
PerfectPixel by WellDoneCode (pixel perfect) — captura de pantalla oficial del producto Chrome Web Store 1
PerfectPixel by WellDoneCode (pixel perfect) — captura de pantalla oficial del producto Chrome Web Store 1

Lo que PerfectPixel by WellDoneCode (pixel perfect) hace

PerfectPixel by WellDoneCode (pixel perfect), publicado por Ilya Stepanov, está listado para Chrome. El desarrollador describe su propósito como "Deja tu maqueta en la página en vivo para una comparación perfecta con tu código." Esta guía reúne las características documentadas, los puntos de entrada de instalación y los detalles de compatibilidad para que puedas decidir si encaja con tu tarea.

Características documentadas

La lista oficial documenta las capacidades a continuación. Compara las funciones que necesitas con la plataforma disponible y la información de las funciones de pago antes de instalarlas. Estas son las descripciones del desarrollador, no resultados independientes de pruebas de rendimiento o seguridad.

  • "Coloca y escala la superposición, luego ajusta la opacidad para comparar."

  • "Superponer cualquier PNG, JPG o SVG en cualquier página web"

  • "Opacidad ajustable para comparación visual en tiempo real"

  • "4 modos de mezcla (Diferencia, Invertir, Multiplicar, Superponer) más Normal — cada uno útil para detectar diferentes tipos de desajustes"

  • "Diseños móviles en modo dispositivo DevTools: mueve PerfectPixel al panel lateral del navegador, para que la ventana de visualización permanezca despejada"

  • "Persistencia por dominio: tus capas se guardan por sitio y se restauran automáticamente entre sesiones de navegador"

  • "Múltiples capas por dominio"

  • "Escalado, reposicionamiento y centrado de controles"

Instalación y apertura PerfectPixel by WellDoneCode (pixel perfect)

Abre el enlace de Chrome Web Store, confirma PerfectPixel by WellDoneCode (pixel perfect) y el editor Ilya Stepanov, y luego selecciona Añadir a Chrome. Lee los permisos solicitados antes de confirmar. Tras la instalación, el menú de Extensiones de Chrome proporciona acceso a la extensión; fijar el icono de la barra de herramientas es opcional. Para desactivarlo o eliminarlo más adelante, usa la página de Gestionar extensiones de Chrome.

El manifiesto declara una acción de barra de herramientas. Utiliza la entrada de la barra de herramientas para abrir la acción de la extensión. Se declara una página de opciones; abre los datos de la extensión en Gestionar extensiones para acceder a sus ajustes.

Utilizando el flujo de trabajo documentado

Empieza con la operación que se ajuste a tu tarea. Las siguientes acciones están documentadas en la lista oficial; Son opciones de uso separadas, no una secuencia que todos los usuarios deban completar. Para controles que no se mencionen aquí, consulta https://www.welldonecode.com/perfectpixel en lugar de asumir que existe un botón o menú en particular.

  • "Bloquea la superposición para que hagas clic a través de ella e interactúes con los elementos de página que hay debajo"

  • "Cómo funciona: instala la extensión, abre cualquier página y suelta una imagen — arrastra y solta, pega una URL, pega desde la carpeta o usa el selector de archivos."

Plataformas, versiones y lenguajes de interfaz

Ediciones verificadas de tienda: Chrome, Microsoft Edge, Firefox. La versión capturada de Chrome es la 3.2.0.2, actualizada el 28-09-2026. Los números de versión y la disponibilidad de funciones pueden variar entre tiendas. Utiliza el botón oficial correspondiente de la tienda; que un navegador comparta Chromium no es prueba de una edición oficial separada de la tienda.

La tienda oficial lista 3 idiomas de interfaz. Las etiquetas de idioma soportado en esta página provienen de los metadatos de ese producto; Son independientes de los ocho idiomas disponibles para esta guía. Consulta en la tienda actual si un idioma en particular es esencial para tu flujo de trabajo.

Precio y características de pago

El desarrollador describe una versión gratuita, de prueba o gratuita junto con funciones de pago. Consulta la web oficial para conocer los límites actuales de funciones y los precios en tu región. Instalar el paquete de navegador y suscribirse a un servicio conectado son acciones separadas; Un botón de tienda de navegador por sí solo no determina qué funciones de pago están incluidas.

Permisos, privacidad y límites prácticos

El manifiesto de extensión publicado lista estos permisos de la API: activeTab, scripting, sidePanel, storage, unlimitedStorage. Estas son capacidades declaradas, no pruebas de qué datos recopila realmente el desarrollador. Revisa la consigna de instalación de Chrome y la política de privacidad del desarrollador (https://www.welldonecode.com/privacy/) antes de conceder acceso.

Los detalles de la extensión de Chrome te permiten inspeccionar el acceso al sitio y desactivar la extensión. Si no aparece un control esperado, comprueba que la extensión esté habilitada y que el sitio actual sea el que se apoya en su descripción. No extiendas el acceso a todos los sitios solo para solucionar un solo sitio web.

Preguntas sobre PerfectPixel by WellDoneCode (pixel perfect)

¿Dónde está la descarga oficial? Utiliza el botón Chrome Web Store para el listado exacto mencionado en esta guía: https://chromewebstore.google.com/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en. Para otras plataformas verificadas, utiliza sus botones de tienda separados. Esta página no distribuye paquetes de instalación ni copias modificadas.

¿Dónde debería buscar si alguna función ha cambiado? Compara la versión actual de la tienda con la 3.2.0.2 y luego comprueba https://www.welldonecode.com/perfectpixel. Las capturas de pantalla de la tienda muestran las imágenes del producto suministradas, pero las versiones posteriores y la disposición de los dispositivos pueden variar. Utiliza el canal oficial de soporte para asuntos específicos de cuenta, facturación y producto.