Especificaciones de GIF y galería para lanzar en Product Hunt

¿Qué tamaño tiene la miniatura de Product Hunt y puede ser un GIF?

La miniatura es el pequeño cuadrado junto al nombre de tu producto en el feed y en tu página de lanzamiento. El centro de ayuda de Product Hunt dice que lo mejor es usar dimensiones cuadradas y recomienda 240×240 píxeles.

Puede ser animada. Product Hunt indica que puedes usar un GIF como miniatura siempre que pese menos de 3 MB y no sea demasiado "llamativo". Eso convierte a la miniatura en el único lugar de una página de lanzamiento donde una mascota en loop o un logo animado aparece directamente en el feed.

El límite de 3 MB es generoso para un cuadrado de 240 píxeles. Unos segundos de un loop sencillo a ese tamaño suelen quedar muy por debajo, lo que deja margen para un movimiento fluido sin artefactos de compresión marcados.

¿Cuándo se anima el GIF de la miniatura?

Solo con hover. Product Hunt dice que los GIF "solo se animan al pasar el cursor sobre una publicación". Quien hace scroll sin apuntar a tu publicación ve un fotograma fijo, y los dispositivos táctiles no tienen hover.

Eso cambia la forma en que debes construir el loop:

• Haz que el primer fotograma sea una imagen terminada. Debe mostrar el personaje o el logo completo, centrado y legible, no un inicio en blanco ni un desenfoque a mitad de movimiento.
• Pon lo mejor al principio. El hover dura poco. Un saludo, un salto o un parpadeo en el primer segundo tiene más probabilidades de verse que una construcción lenta.
• Haz un loop sin cortes. Si el último fotograma salta de vuelta al primero, el tirón se repite en cada ciclo mientras alguien lee.

Product Hunt también advierte que no se recomiendan los GIF con efectos estroboscópicos, cortes rápidos o texto ilegible, y que el equipo de Product Hunt puede editarlos. Un loop tranquilo de reposo (idle) o attention de una mascota encaja bien con esas reglas; un montaje rápido de capturas de pantalla, no.

¿Qué tamaño tienen las imágenes de galería y cuántas necesito?

Product Hunt recomienda 1270×760 para las imágenes de galería. La galería necesita al menos dos imágenes para ser visible, y puedes subir varias a la vez.

En la galería explicas el producto, así que trata cada imagen como una sola idea:

1. Una imagen principal: nombre del producto, una promesa en una línea y tu mascota o logo.
2. El flujo de trabajo principal en una captura de pantalla, con un pie de foto breve.
3. Un par antes/después o entrada/salida.
4. Precios o "para quién es", si es una pregunta frecuente.

Un lienzo de 1270×760 es aproximadamente 5:3. Si tus renders de animación son cuadrados (por ejemplo, 1080×1080), coloca el personaje a un lado y el titular al otro en lugar de estirarlo. Exporta un fotograma fijo de la animación para la imagen principal de la galería, así la miniatura y la galería comparten la misma pose y los mismos colores.

¿Puedo agregar un video de lanzamiento y qué enlaces funcionan?

Sí, pero solo de YouTube. El centro de ayuda de Product Hunt dice que para videos "solo se admiten enlaces de YouTube", que debes pegar una URL completa porque los enlaces acortados no cargan, y que antes del lanzamiento confirmes que el video no esté configurado como privado.

Consejos prácticos:

• Súbelo con días de anticipación. Product Hunt recomienda subirlo antes del lanzamiento. Eso le da tiempo a YouTube para procesar las resoluciones más altas.
• Usa la URL de reproducción. Copia la dirección youtube.com/watch?v=..., no un enlace para compartir youtu.be.
• Los videos no listados sirven para vistas previas siempre que no sean privados. Compruébalo en una ventana del navegador sin sesión iniciada.
• Empieza con el producto. Una breve cortinilla de marca está bien, pero muestra el producto en los primeros segundos.

Product Hunt no aloja archivos de video directamente, así que un MP4 de tu mascota solo llega a la página de lanzamiento a través de YouTube. El GIF de la miniatura es la única animación que se sube directamente.

¿Cómo convierto un MP4 cuadrado en un GIF de 240×240 de menos de 3 MB?

Parte de un loop cuadrado y sin cortes, como un MP4 de 1080×1080. El método de paleta en dos pasos de FFmpeg da un color de GIF mucho mejor que una conversión directa: palettegen crea una paleta de 256 colores a partir del clip y paletteuse asigna cada fotograma a esa paleta.

ffmpeg -t 3 -i idle.mp4 \
  -vf "fps=15,scale=240:240:flags=lanczos,split[a][b];[a]palettegen[p];[b][p]paletteuse" \
  -loop 0 ph-thumbnail.gif

• -t 3 conserva los primeros 3 segundos; quítalo si el loop completo es corto.
• fps=15 es más que suficiente para una miniatura y reduce la cantidad de fotogramas.
• scale=240:240:flags=lanczos cambia el tamaño con un filtro nítido.
• -loop 0 le indica al muxer de GIF que repita el loop indefinidamente.

Revisa el resultado con ls -lh ph-thumbnail.gif. Si supera los 3 MB, baja fps a 12, acorta el clip o agrega palettegen=max_colors=128. Los fondos planos se comprimen mucho mejor que los degradados, así que un fondo sólido detrás de la mascota ayuda.

¿Cómo hago que una mascota animada se entienda a 240 píxeles?

A 240 píxeles, y a menos en los feeds móviles, el detalle desaparece. Diseña pensando en la silueta:

• Llena el cuadrado. Recorta para que el personaje ocupe la mayor parte del fotograma. A este tamaño, el espacio vacío se desperdicia.
• No pongas texto en el GIF. El nombre de tu producto ya aparece junto a la miniatura, y el texto pequeño es una de las cosas que Product Hunt señala.
• Usa un solo movimiento claro. Un salto, un saludo o un parpadeo se entiende mejor que varios movimientos superpuestos.
• Usa un fondo sólido y con contraste. La transparencia del GIF es de 1 bit, así que los bordes suaves se ven dentados sobre la página. Un color sólido evita ese halo.

Si ya tienes una mascota o un logo, Charmotion puede generar los loops de origen: sube la imagen y recibes 17 animaciones en pocos minutos, y luego exporta cada una como MP4 de 1080×1080 a 60 fps con vistas previas GIF de 480 píxeles en alrededor de un minuto. Cada set de los planes de pago incluye MP4 y GIF, lo que cubre la miniatura, las imágenes de la galería y un video de YouTube.

Cómo preparar los visuales de lanzamiento en Product Hunt a partir de una animación de mascota de marca

1. Elige un loop tranquilo. Elige un loop sin cortes de reposo (idle), saludo o llamada de atención, con un primer fotograma sólido y sin destellos.
2. Crea el GIF de la miniatura. Convierte el MP4 cuadrado en un GIF de 240×240 con los filtros palettegen y paletteuse de FFmpeg a unos 15 cuadros por segundo.
3. Revisa el peso. Confirma que el GIF pese menos de 3 MB; si no, baja la cantidad de cuadros por segundo, la duración del clip o el tamaño de la paleta.
4. Crea las imágenes de galería. Crea al menos dos imágenes de 1270×760, empezando por una imagen principal que reutilice un fotograma fijo de la mascota.
5. Sube el video a YouTube. Súbelo antes del lanzamiento, configúralo como público o no listado y pega la URL de reproducción completa en Product Hunt.

Preguntas frecuentes

¿El GIF de la miniatura de Product Hunt se reproduce automáticamente?

No. Product Hunt dice que los GIF de miniatura solo se animan mientras alguien pasa el cursor sobre la publicación. Todos los demás, incluida la mayoría de los visitantes desde el móvil, ven un fotograma fijo, así que el primer fotograma debe funcionar por sí solo como una imagen clara y centrada de tu logo o mascota.

¿Puedo subir un MP4 a Product Hunt?

No como video de lanzamiento. Product Hunt solo admite enlaces de YouTube para el video, escritos como URL completa y no como enlace acortado, y el video no puede ser privado. Primero sube tu MP4 a YouTube y luego pega la URL de reproducción en tu lanzamiento.

¿Qué pasa si mi GIF es demasiado llamativo?

Product Hunt indica que no se recomiendan los GIF con efectos estroboscópicos, cortes rápidos o texto ilegible, y que su equipo puede editarlos. Usa un loop suave y continuo con un solo movimiento claro y sin texto pequeño, y mantén el archivo por debajo del límite de 3 MB.

¿La galería puede usar un tamaño distinto de 1270×760?

Product Hunt recomienda 1270×760, así que otros tamaños pueden recortarse o mostrarse con franjas. Diseñar exactamente a ese tamaño, con el contenido clave lejos de los bordes, es la forma más segura de controlar cómo se ven las imágenes de tu galería en la página de lanzamiento.

Respuestas rápidas de esta guía

• ¿La miniatura de Product Hunt puede ser un GIF?
• ¿Qué tamaño tienen las imágenes de la galería de Product Hunt?

Fuentes

• How to pick a thumbnail and gallery images, Product Hunt Help Center
• FFmpeg filters documentation (palettegen, paletteuse, scale, pad), FFmpeg
• FFmpeg formats documentation (gif and mov/mp4 muxers), FFmpeg