Saltar al contenido principal

Redimensionar insignias de Roblox

Una imagen de insignia de Roblox mide 512 por 512 píxeles y se muestra como un círculo. Recorta a ese cuadrado aquí con la máscara circular dibujada, para que las esquinas que la máscara elimina sean visibles mientras posicionas el arte, no después de publicarlo.

Solo local

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

Redimensionar insignias de Roblox: explicación

Las insignias son los premios que una experiencia otorga a las jugadoras — terminar un nivel, encontrar algo oculto, jugar en un día en particular. La imagen mide 512 por 512 píxeles y Roblox la renderiza dentro de un círculo, tanto en la lista de insignias de la experiencia como en el perfil de cada jugadora que la ha obtenido.

Ciento cincuenta píxeles es poco, y la máscara circular elimina aproximadamente una quinta parte de lo que proporcionas. Por tanto, una insignia solo tiene espacio para una idea: una forma, un símbolo, un número. Cualquier cosa más se convierte en una textura.

Esta página recorta al cuadrado exacto con la máscara dibujada sobre la vista previa, así que un diseño pegado a una esquina se detecta antes de la subida. Se ejecuta enteramente en tu navegador, sin cuenta ni paso de subida propio.

El mosaico que representa toda la experiencia tiene otro tamaño distinto — el redimensionador de icono de experiencia y admite 512 por 512.

Para arte que debe cumplir un tamaño de archivo que te dieron, el compresor admite un objetivo en kilobytes.

Dónde se ve una insignia

A diferencia de un icono de experiencia, una insignia viaja: aparece en los perfiles de las jugadoras que la han obtenido, lo que es promoción gratuita para la experiencia si el arte es distintivo.

SuperficieRenderizado comoImplicación de diseño
Lista de insignias de la experienciaCírculo, tamaño moderadoEl único lugar donde se ve algún detalle
Perfil de la jugadoraCírculo, pequeñoSolo silueta y color
Notificación de premioCírculo, pequeñoDebe leerse en menos de un segundo

Una idea por insignia

A 512 píxeles dentro de un círculo hay espacio para un solo símbolo de alto contraste. Las insignias de logro que suelen funcionar son un objeto simple — una llave, una estrella, una corona, un numeral — sobre un fondo liso o con gradación suave.

Cuando un conjunto de insignias marca un progreso, varía el color del fondo y mantén la familia de símbolos consistente. Una usuaria que escanea un perfil lee los colores mucho antes que las formas.

  • Centra el símbolo y deja márgenes; la máscara come las esquinas.
  • Dos o tres colores, de alto contraste tanto contra temas claros como oscuros.
  • Estilo de símbolo consistente en un conjunto, color de fondo variado.
  • Ningún texto más pequeño que aproximadamente una sexta parte de la altura de la insignia.

La máscara circular, en números

Un círculo inscrito en un cuadrado cubre aproximadamente el 79% de su área, así que roughly una quinta parte de lo que subes nunca se muestra — todo en las esquinas. Un diseño que llena el cuadrado de borde a borde pierde su detalle más externo en los cuatro lados.

La vista previa dibuja la máscara en sus proporciones reales. Si el toca el borde del círculo en algún punto, aleja un poco: una insignia con espacio para respirar se lee mejor en tamaños pequeños de todos modos.

Formato y transparencia

PNG, casi siempre. El arte de insignia es plano y se beneficia de bordes duros, y la transparencia fuera del círculo evita que la insignia lleve un cuadrado visible de fondo a una página de perfil. JPEG está disponible para arte fotográfico de insignia, pero llena la transparencia con color sólido y halos alrededor de los bordes duros — ambos llamativos a este tamaño.

Preguntas frecuentes

¿Qué tamaño tiene una imagen de insignia de Roblox?

512 por 512 píxeles, cuadrado en el disco y circular en pantalla. Roblox aplica una máscara circular, así que aproximadamente una quinta parte del cuadrado — todo en las esquinas — nunca se muestra en ningún lugar donde aparezca la insignia.

¿Por qué se ve recortado mi arte de insignia?

Por la máscara circular, no por un recorte: las esquinas de tu cuadrado simplemente no se dibujan. Cualquier cosa posicionada allí, incluida una firma o el borde de un logo, desaparece. La vista previa muestra la máscara para que puedas posicionar el sujeto con esa pérdida visible.

¿Cómo debería diferir un conjunto de insignias de progreso?

Por color de fondo, con un estilo de símbolo consistente. En el tamaño en que se muestran las insignias en un perfil, el color se lee primero y la forma después, así que una rampa de colores es legible donde una rampa de símbolos cada vez más ornamentados no lo es.

¿Las insignias aparecen fuera de la experiencia?

Sí — en el perfil de cada jugadora que ha obtenido una, lo que hace que el arte de insignia distintivo sea una pequeña pieza de promoción continua. También significa que el arte se ve contra el diseño de perfil de Roblox y no solo dentro de tu propia interfaz.

¿Puede tener una imagen de insignia fondo transparente?

Sí, y PNG es el formato para ello. La transparencia fuera del sujeto circular evita que la insignia lleve un cuadrado visible de color a las páginas de perfil, y mantiene la apariencia correcta tanto en temas claros como oscuros.

¿Se sube mi arte de insignia cuando lo redimensiono?

No. El recorte y la exportación los hace tu navegador en esta página y no se transmite nada — este sitio no tiene punto de recepción para archivos. Luego tú subes el resultado tú mismo a través del panel de creadora de Roblox.