Debes proporcionar varios tipos de imágenes para usar en Chrome Web Store:
Solo el ícono de la extensión, una pequeña imagen promocional y una captura de pantalla son obligatorios. Sin embargo, proporcionar versiones atractivas de las imágenes obligatorias y opcionales aumenta las posibilidades de que tu extensión se destaque. Por ejemplo, su extensión no se puede incluir en la marquesina, a menos que proporcione una imagen promocional de la marquesina.
Si quieres mejorar el rendimiento de tu elemento en Chrome Web Store, sigue nuestras prácticas recomendadas sobre imágenes y otra información de fichas. Para obtener más información sobre estas prácticas recomendadas, consulta Crea una página de ficha atractiva.
Ícono de extensión
Debes proporcionar una imagen del ícono de extensión de 128 x 128 píxeles en el archivo ZIP de la extensión. Estos son algunos requisitos para la imagen:
- El tamaño real del ícono debe ser de 96x96 (para íconos cuadrados). Los 16 píxeles adicionales por lado deben ser un padding transparente, que suma un tamaño total de imagen de 128 x 128. Para obtener más información, consulta Tamaño del ícono.
- La imagen debe estar en formato PNG.
- La imagen debe funcionar bien tanto en fondos claros como oscuros.
Cuando diseñes el ícono, ten en cuenta los siguientes consejos:
- No coloques un borde alrededor de la imagen de 128 x 128; la IU puede agregar bordes.
- Si tu ícono es mayormente oscuro, procura agregar un sutil brillo exterior blanco para que se vea bien contra los fondos oscuros.
- Evita las sombras paralelas grandes; la IU podría agregar sombras. Se pueden usar sombras pequeñas para establecer el contraste.
- Si tienes un bisel en la parte inferior del ícono, te recomendamos que tengas 4 píxeles de profundidad.
- Haz que el ícono mire hacia el usuario, en lugar de tener una perspectiva integrada. Consulta Perspective para obtener más detalles.
Estos son algunos íconos que siguen estas pautas.
![]() |
![]() |
![]() |
Tamaño del ícono
Todos los íconos de extensiones deben tener el mismo peso visual y ocupar más o menos la misma área. Como se muestra en la siguiente figura, cuando ajustas el tamaño de un ícono para llenar el área disponible, los íconos cuadrados y circulares son mucho más grandes de lo que deberían, en comparación con los íconos con otras formas.
Normalizar los tamaños de los íconos, como se muestra en la siguiente figura, les da a los íconos un área y un peso visual aproximadamente uniformes.
Puedes usar las siguientes imágenes de plantilla para evaluar el tamaño del material gráfico de la imagen. Las plantillas muestran el tamaño correcto para un cuadrado y un círculo, pero estas son solo guías. Los íconos que tienen bits puntiagudos podrían alejarse de estas áreas. Si un ícono de forma irregular ocupa muy poca área y representa principalmente un espacio negativo, podría ser aceptable usar toda el área de 128 x 128.
![]() |
![]() |
![]() |
Puedes seguir algunas reglas generales para el tamaño de las obras de arte. Para un ícono cuadrado, el material gráfico debe tener 96 x 96 píxeles. Para otros íconos cuadrados, haz que el ancho del material gráfico esté entre el 75% y el 80% del ancho total de la imagen. Un ícono circular debe tener un diámetro de aproximadamente 112 píxeles, o bien del 85% al 90% del ancho de la imagen. Los iconos con formas irregulares deben tener pesos similares.
En las siguientes figuras, se muestran íconos cuadrados y circulares, y se comparan con las plantillas.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Este es un ejemplo de un ícono con forma irregular. En este caso, el ícono no sigue los lineamientos cuadrados ni circulares, pero se ajusta a ambos.
![]() |
![]() |
![]() |
Perspectiva
Para mayor flexibilidad y coherencia, los íconos de las extensiones deben estar orientados al frente. Está bien hacer pequeños ajustes de perspectiva que den una sensación de tangibilidad, pero se deben evitar los ángulos drásticos.
Íconos adecuados (frontal) | Íconos incorrectos (perspectiva demasiado drástica) |
---|---|
![]() |
![]() |
![]() |
![]() |
Imágenes promocionales
Debe proporcionar una imagen promocional pequeña de 440 x 280 píxeles. También puedes proporcionar otras imágenes que la tienda puede usar para promocionar tu extensión.
Nota: Si tus imágenes hacen referencia a marcas de Google, sigue los Lineamientos de Desarrollo de la Marca.
Aunque solo se requiere una pequeña imagen promocional, también puedes proporcionar imágenes promocionales más grandes si deseas que tu extensión se destaque más en Chrome Web Store. Puedes proporcionar una de las siguientes opciones:
- Pequeño: 440 x 280 píxeles (obligatorio)
- Marquesina: 1,400 x 560 píxeles
Las imágenes promocionales son la oportunidad de captar la atención de los usuarios y persuadirlos para que obtengan más información. No uses solo una captura de pantalla; tus imágenes deben comunicar principalmente la marca. Estas son algunas reglas generales para diseñar tus imágenes:
- Evitar texto.
- Asegúrate de que la imagen funcione incluso cuando se reduzca a la mitad.
- Supongamos que la imagen tendrá un fondo gris claro.
- Si es posible, usa colores saturados, ya que suelen funcionar bien.
- Evita usar mucho color blanco y gris claro.
- Completa toda la región.
- Asegúrate de que los bordes estén bien definidos.
Los siguientes gráficos son ejemplos de las imágenes promocionales de una extensión:
![Imagen promocional pequeña](https://developer.chrome.google.cn/static/docs/webstore/images/image/small-promo-image-07c9a0100064.png?authuser=9&hl=es)
![Marquesina](https://developer.chrome.google.cn/static/docs/webstore/images/image/marquee-378610381dddf.png?authuser=9&hl=es)
A continuación, se incluye una descripción de los estados de revisión:
- Estado de revisión pendiente: La imagen aún no se revisó y no se muestra en la tienda. Las imágenes deben revisarse en el plazo de una semana desde su envío.
- Sin estado: La imagen se aprobó y se está mostrando en Play Store. [*Las imágenes de los elementos "Borrador" o "Verificadores de confianza" no mostrarán el estado de la imagen. Deberás publicar el artículo para que se apruebe la imagen promocional].
- Rechazada: La imagen se revisó y se rechazó, y no se muestra en Play Store. Los motivos del rechazo se mostrarán en la sección Imágenes promocionales de la página Editar del elemento. Te recomendamos que revises los motivos y realices los cambios necesarios antes de volver a subir nuevas imágenes mejoradas. Las imágenes nuevas que se suban tendrán el estado Pendiente de revisión de inmediato.
Si desea reemplazar una imagen promocional, coloque el cursor sobre ella para abrir el control para quitar la imagen.
Capturas de pantalla
Usa capturas de pantalla para transmitir las capacidades, la apariencia y la experiencia de tu extensión a los usuarios. Debes proporcionar al menos 1 (y preferiblemente 5 como máximo permitido) de capturas de pantalla de tu extensión para que se muestren en la ficha de Play Store de la extensión. Las capturas de pantalla deben mostrar la experiencia real del usuario y enfocarse en el contenido y las funciones principales para que los usuarios puedan anticipar cómo será la experiencia de la extensión.
Si la extensión admite varias configuraciones regionales, puedes proporcionar capturas de pantalla específicas según la configuración regional, como se describe en Cómo localizar la ficha de Play Store.
Al editar la lista de sus extensiones, si desplaza el mouse sobre la miniatura de una captura de pantalla, aparecen los controles que le permiten borrar la captura de pantalla o cambiar su posición.
Cada captura de pantalla debe tener el siguiente aspecto:
- Esquinas cuadradas, sin relleno (toma completa)
- 1280 x 800 o 640 x 400 píxeles
A modo de ejemplo, a continuación, se muestran dos capturas de pantalla de una extensión:
¿Qué debes hacer a continuación?
A continuación, consulta el artículo Cómo enviar la extensión para su publicación.