Icono de juego de Roblox 512×512
Un icono de experiencia de Roblox es un cuadrado de 512 por 512 píxeles, mostrado como un mosaico redondeado en la cuadrícula de descubrimiento. Recártalo aquí con el redondeo de las esquinas dibujado sobre la vista previa, así nada importante queda en una esquina que la plataforma va a eliminar.
Suelta un PNG, JPG, WebP o GIF
o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB
Aceptados: PNG, JPG, JPEG, WebP, GIF, AVIF
Icono de juego de Roblox 512×512: explicación
Un icono de experiencia es el mosaico cuadrado que representa tu juego en todas partes de Roblox: en la búsqueda, en las barras de recomendación, en la página de tu propia experiencia. Mide 512 por 512 y Roblox lo renderiza con esquinas redondeadas dentro de una cuadrícula con los mosaicos de otras personas.
Esa cuadrícula es la verdadera restricción de diseño. En un teléfono, un mosaico se renderiza a una pequeña fracción de 512 píxeles, rodeado por una docena de otros que compiten por la misma mirada. Lo que sobrevive es un silueta fuerte y un color distintivo; una escena detallada se convierte en un rectángón marrón.
Esta página recorta al cuadrado exacto con el redondeo de las esquinas dibujado, así un logo metido en una esquina no se descubre que está recortado después de publicar. Todo se ejecuta en tu navegador.
Las insignias otorgadas dentro de una experiencia son de un tamaño diferente y tienen una máscara circular — el redimensionador de insignias se encarga de esas.
Para un recorte cuadrado en un tamaño que elijas tú, la herramienta Recortar imagen acepta cualquier rectángulo.
Tamaños de imagen de Roblox, uno al lado del otro
El icono es una de varias imágenes que usa una experiencia y no son intercambiables.
| Imagen | Tamaño | Forma | Dónde aparece |
|---|---|---|---|
| Icono de experiencia | 512 × 512 | Cuadrado redondeado | Búsqueda, barras, página de la experiencia |
| Miniatura | 1920 × 1080 | 16:9 | Las imágenes más grandes en la página de la experiencia |
| Insignia del juego | 150 × 150 | Círculo | Otorgada a los jugadores, mostrada en los perfiles |
Diseñar para la cuadrícula de descubrimiento
Tres cosas distinguen un icono que se hace clic de uno que no, y ninguna es el detalle.
El color primero: elige algo que no tengan los mosaicos circundantes. Una cuadrícula dominada por azul oscuro y gris hace que un mosaico cálido destaque. La forma segunda: una silueta clara que se lee a una fracción del tamaño. El texto al final, y solo dos o tres palabras — un título apiñado en un mosaico es ilegible en el tamaño en que se muestra.
- Un elemento focal, centrado, con márgenes — las esquinas se redondean.
- Color elegido contra las barras en las que irá, no en aislamiento.
- A lo dos o tres palabras, con tamaño para leer a escala de miniatura.
- Sin contornos finos: desaparecen por completo cuando el mosaico es pequeño.
Por qué las esquinas importan
Roblox aplica una máscara redondeada al mosaico. La cantidad varía según la superficie, así que la suposición segura es generosa: mantén cualquier elemento significativo alejado de las cuatro esquinas y trátalas como decoración.
La vista previa dibuja una máscara para que la pérdida sea visible mientras recortas. Un colocado justo en una esquina es lo que más suele detectar esto.
Formato y qué hace la subida con él
PNG para iconos planos, ilustrativos con bordes duros. JPEG para un icono renderizado o fotográfico, donde es considerablemente más pequeño con la misma calidad visible. Roblox recodifica las subidas para entregarlas en varios tamaños, así entrégale una fuente limpia de 512 píxeles y deja que derive las pequeñas — solo darle una imagen pre-reducida le da menos trabajo a su redimensionador.
Preguntas frecuentes
¿Qué tamaño tiene un icono de juego de Roblox?
512 por 512 píxeles, cuadrado. Roblox lo muestra como un mosaico redondeado y deriva los tamaños más pequeños usados en la búsqueda y las barras de recomendación de ese único archivo, así exportar a 512 le da a su redimensionador buen material para cada tamaño que necesite.
¿Por qué mi icono se ve desordenado en la búsqueda?
Porque un mosaico en la cuadrícula de descubrimiento se renderiza a una pequeña fracción de 512 píxeles junto con una docena de competidores. El detalle que se lee en tu monitor desaparece allí. Un elemento centrado, un color distintivo y como máximo tres palabras es lo que sobrevive a la cuadrícula.
¿Se recortan las esquinas de un icono de Roblox?
Se redondean en lugar de recortarse, y la cantidad varía según dónde aparezca el mosaico. Trata las cuatro esquinas como decoración y mantén los logos, el texto y cualquier parte del sujeto alejados de ellas. La vista previa dibuja una máscara para que puedas ver la pérdida mientras recortas.
¿Debe ir el título del juego en el icono?
Una versión corta de él, como máximo. El nombre ya aparece como leyenda bajo el mosaico, así repetirlo completo desperdicia el único espacio que tienes. Dos o tres palabras con un tamaño que se lea a escala de miniatura funciona; un título completo en tipo pequeño no.
¿PNG o JPEG para un icono de experiencia?
PNG para ilustración plana con bordes duros y tipografía, donde se ve el ringing de JPEG. JPEG para una escena renderizada o una fotografía, donde es mucho más pequeño sin diferencia visible. Roblox recodifica de cualquier manera, así la elección es sobre lo que recibe su codificador.
¿Esta página envía mi icono a Roblox?
No. No tiene conexión con Roblox ni servidor propio; el recorte y la exportación ocurren en tu navegador y el archivo se queda en tu máquina. Lo subes tú mismo después a través del panel de creadores de Roblox.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar insignia de RobloxInsignia a 512×512 con máscara circular, no un cuadrado recortadoAbrir
- Crear plantilla de camiseta de RobloxAdapta tu arte al lienzo 585×559 con torso, brazos y espalda marcadosAbrir
- Redimensionar foto de perfil de DiscordRecorte cuadrado 512×512 con la máscara circular vista antes de subirAbrir
- Redimensionar icono de tienda de EtsyIcono 500×500 con la máscara circular de Etsy vista antes de recortarAbrir
- Recortar imagenArrastra o escribe un rectángulo; los píxeles que quedan no se tocanAbrir
- Herramientas para creadoresAjusta y optimiza banners, avatares, emotes y portadas para cada plataforma.Abrir