Pregunta respondida en el curso · 3 min · del curso de 5 h

¿Qué es un favicon?

Se explica en el curso gratis de Shopify dropshipping del canal de Adrián Sáenz, en la parte de diseño de Ramón (junio de 2023), a partir del 1:19:04.

El vídeo empieza en el minuto en que se responde y sigue con el resto del curso. Ver el curso completo con su índice · Ver en YouTube

En resumen

Un favicon es el pequeño icono de una página web que aparece en la pestaña del navegador, junto al nombre de la página. En el curso gratis de Shopify dropshipping, Adrián Sáenz explica que una tienda sin favicon da sensación de poco cuidado, y el diseñador Ramón enseña a prepararlo en 32 x 32 píxeles para subirlo a Shopify.

Por qué importa el favicon

Adrián cuenta que, cuando entra en una web sin favicon, piensa que quien la ha hecho no le ha puesto mucho cariño o tiene poca experiencia, y que eso le echa para atrás. Es un detalle pequeño, pero ayuda a que la tienda se vea profesional. Un consejo práctico del curso: descarga el icono en color, no en negro o en blanco, porque así se ve bien tanto si el visitante usa el tema claro del navegador como si usa el oscuro.

Ver la respuesta en el vídeo · 01:20:34

Cómo ponerlo en Shopify

Ramón parte del icono que sale al diseñar el logo y lo adapta al tamaño que pide Shopify:

  • El archivo original era de 128 x 128 píxeles, y Shopify a veces no deja subirlo así.
  • Lo convierte con una web de generación de favicons, que descarga una carpeta con varios tamaños.
  • Se queda con el de 32 x 32, el tamaño máximo que recomendaba Shopify, y lo sube.

Ver la respuesta en el vídeo · 01:21:20

Preguntas frecuentes

Dudas sobre esta pregunta

¿Qué tamaño debe tener un favicon?

En el curso, Ramón lo prepara en 32 x 32 píxeles, el tamaño máximo que recomendaba Shopify en junio de 2023. Los requisitos de cada plataforma pueden cambiar, así que comprueba el tamaño que pide la tuya al subirlo.

Ver la respuesta en el vídeo · 01:21:20

¿De qué color conviene hacer el favicon?

Mejor en color. Si lo haces en negro, casi no se verá con el tema oscuro del navegador, y si lo haces en blanco, casi no se verá con el claro. Es el consejo que da el curso al descargar el icono.

Ver la respuesta en el vídeo · 01:19:27

¿Dónde se ve el favicon?

En la pestaña del navegador, al lado del título de la página, y en otros sitios donde el navegador muestra tu web, como los marcadores. Por eso conviene que sea simple y reconocible incluso en muy pequeño.

Sigue aprendiendo

Más preguntas sobre este curso

Lecciones de este curso

Preguntas relacionadas de otros cursos