Generador de iconos de extensiones de Chrome

Sube cualquier imagen y genera al instante iconos de todos los tamaños necesarios para tu extensión de Chrome. Obtén iconos perfectamente redimensionados de 16, 32, 48 y 128 px con código manifest.json listo para usar, todo procesado en tu navegador para máxima privacidad.

Deja tu imagen de icono aquí

o haga clic para explorar los archivos

PNG JPG SVG WEBP GIF BMP ICO
Recomendado: imagen cuadrada, al menos 128x128px

Cómo generar iconos de extensiones de Chrome

  1. Sube tu imagen de origen, idealmente un cuadrado Archivo PNG al menos 128x128 píxeles.
  2. Selecciona los tamaños de ícono que necesitas. El ajuste preestablecido estándar incluye los cuatro tamaños requeridos por el archivo manifest.json de Chrome (16, 32, 48 y 128 píxeles).
  3. Elija un modo de cambio de tamaño: "Contener" conserva la imagen completa con relleno transparente, mientras que "Cubrir" llena el área recortando los bordes.
  4. Haga clic en "Generar íconos" para crear todos los tamaños instantáneamente en su navegador.
  5. Descargue íconos individuales u obtenga el conjunto completo como un archivo ZIP listo para su proyecto de extensión.
  6. Copie el fragmento de código manifest.json y péguelo en el archivo de manifiesto de su extensión.

Guía de tamaño de iconos de extensiones de Chrome

16x16

Se muestra como favicono en la pestaña del navegador y en el menú desplegable de extensiones. Este tamaño diminuto debe ser nítido y reconocible; las formas simples funcionan mejor a esta escala.

32x32

Usado en Windows Como icono de la barra de tareas y en algunos navegadores. También es útil como versión con mayor DPI del icono de 16 px para pantallas retina.

48x48

Se muestra en la página de administración de extensiones de Chrome (chrome://extensions). Aquí es donde los usuarios administran y configuran las extensiones instaladas.

128x128

Requerido para el Chrome Web Store Listado. Este es el ícono más grande y detallado, utilizado durante la instalación y en los resultados de búsqueda de la tienda.

Consejos para crear excelentes iconos de extensión

Diseño

Empieza con el ícono más grande (128 px) y redúcelo. Usa formas llamativas y sencillas con colores de alto contraste que se reconozcan en tamaños pequeños. Evita los detalles finos que desaparecen a 16 px.

Formato

Siempre usa Formato PNG Con transparencia para los íconos de tus extensiones. Chrome requiere archivos PNG; otros formatos como JPG or SVG Debe convertirse primero.

Pruebas

Prueba tus íconos en temas de navegador claros y oscuros. Tu ícono debe resaltar sobre cualquier fondo. Considera agregar un fondo o contorno de color sutil para asegurar su visibilidad.

Preguntas Frecuentes

Las extensiones de Chrome requieren cuatro tamaños de íconos en manifest.json: 16x16 (barra de herramientas), 32x32 (Windows Barra de tareas), 48x48 (página de extensiones) y 128x128 (Chrome Web Store). Todos deben tener formato PNG. También puede agregar 19x19 y 38x38 para el botón de acción de la barra de herramientas del navegador.

Chrome requiere el formato PNG para todos los iconos de extensión. PNG admite transparencia, esencial para que los iconos se vean bien en cualquier fondo. Si la imagen original está en otro formato, nuestra herramienta la convierte automáticamente a PNG durante la generación.

El manifiesto V3 es el estándar actual para las extensiones de Chrome. La configuración de iconos es prácticamente la misma entre las versiones V2 y V3, pero la V3 usa "action" en lugar de "browser_action" para los iconos de la barra de herramientas. Nuestra herramienta genera fragmentos de código para ambas versiones.

Sube una imagen de al menos 128x128 píxeles para obtener los mejores resultados, ya que es el tamaño máximo de icono que Chrome requiere. Las imágenes más grandes también funcionan bien; se reducirán con un remuestreo de alta calidad. Las imágenes de menos de 128 píxeles se pueden usar, pero podrían verse borrosas en tamaños más grandes.

No. Todo el procesamiento se realiza íntegramente en tu navegador mediante la API Canvas de HTML5. Tus imágenes nunca salen de tu dispositivo, lo que hace que esta herramienta sea completamente privada y segura. Nada se almacena en nuestros servidores.

Sí. Firefox, Edge y otros navegadores basados ​​en Chromium usan el mismo formato de icono y una estructura de manifest.json similar. Los tamaños estándar (16, 32, 48 y 128 píxeles) funcionan en todos los navegadores principales. Utilice la configuración predeterminada "Extendido" o "Todos los tamaños" para tamaños adicionales que algunos navegadores puedan usar.