Para que las líneas finas de una lista de verificación sean uniformes, diseña con las dimensiones previstas del PNG, asigna una geometría coincidente a los elementos repetidos e inspecciona su ubicación en píxeles antes de exportar. Un ajuste del ancho del trazo por sí solo no garantiza resultados visualmente iguales en todos los tamaños de salida.

Esta guía trata sobre un gráfico de lista de verificación creado en la versión actual de la aplicación de escritorio Affinity para Mac: casillas vacías repetidas, líneas horizontales y etiquetas neutras como «Elemento A». El objetivo es producir un PNG limpio con un tamaño específico. Las rutas de los menús siguen la documentación actual del Centro de ayuda de Affinity.

¿Por qué pueden verse distintas las líneas del mismo ancho?

Empieza por separar la geometría del diseño de su vista previa en píxeles. La vista Vectorial de Affinity muestra bordes vectoriales suaves independientemente del nivel de zoom. La vista Píxeles representa el diseño vectorial como píxeles individuales, mientras que la vista Píxeles Retina representa su aspecto en pantallas de alta densidad de píxeles. Usa Vista > Modo > Píxeles para inspeccionar el diseño destinado a una salida de imagen normal. Modos de vista

Dos líneas pueden tener exactamente el mismo ancho de trazo y, aun así, ocupar posiciones distintas con respecto a la cuadrícula de píxeles. Affinity permite expresamente posiciones parciales entre píxeles cuando la opción Forzar alineación de píxeles está desactivada. Su documentación también advierte que ajustar a un objeto que está desalineado con los píxeles puede producir un resultado desalineado, incluso con la alineación de píxeles activada. Forzar alineación de píxeles

La conclusión práctica es que igualar el ancho es solo una parte del trabajo. Iguala también la posición, la orientación y la escala de salida. En una lista de verificación, compara elementos equivalentes: los lados rectos de una casilla con los de otra, y las líneas horizontales entre sí. Las esquinas redondeadas y las marcas diagonales tienen geometrías diferentes, así que no hay que juzgarlas según si ocupan patrones de píxeles idénticos.

Establece un tratamiento uniforme para las líneas

Selecciona una casilla o línea representativa y abre Ventana > Vectorial > Trazo. El panel ofrece controles de estilo de línea, ancho, extremo, unión, alineación y presión. Para una lista de verificación sencilla, usa una línea sólida e inspecciona cualquier perfil de presión antes de considerar que el valor del ancho demuestra un grosor uniforme. Mantén iguales los ajustes de los elementos equivalentes. Panel Trazo

Para las formas cerradas de las casillas, elige una alineación del trazo y úsala de forma uniforme. Las opciones documentadas sitúan el trazo en el centro, el interior o el exterior del borde del objeto. Por tanto, la alineación cambia la posición del borde visible respecto a la geometría de la forma. Comprueba también Orden: si dibujas el trazo detrás de una forma cerrada rellena, puede quedar oculta su mitad interior. Panel Trazo

Comprueba cómo se comporta el cambio de tamaño antes de ajustar varias casillas. Escalar con objeto determina si el trazo se escala junto con una forma cerrada. El panel Transformar también tiene la opción Anulación de escala, que puede forzar que los anchos de trazo y otras propiedades se escalen al cambiar el tamaño. Si las casillas que ya redimensionaste difieren, inspecciona ambos controles antes de asignarles un ancho final común. Panel Trazo, Panel Transformar

Para líneas horizontales sencillas, otra opción es usar un rectángulo relleno estrecho. La Herramienta Rectángulo ofrece controles de relleno y trazo; el estilo Ninguno del panel Trazo elimina el contorno. Así puedes especificar el grosor de la línea como la altura del rectángulo, sin tener que considerar un trazo centrado. Es una recomendación editorial para las líneas rectas, no una función especial de exportación. Herramienta Rectángulo, Panel Trazo

Coloca las líneas con precisión en la cuadrícula de píxeles

Abre Ventana > General > Transformar. Elige un punto de anclaje de forma deliberada antes de introducir las coordenadas: los cambios de posición y tamaño del panel dependen de ese punto. El panel ofrece valores exactos de X, Y, ancho, alto, rotación y sesgo, medidos con respecto al punto cero de la regla. Mantén el mismo origen al comparar objetos repetidos. Panel Transformar

Para posicionar objetos en función de los píxeles, abre Vista > Ajuste y activa Forzar alineación de píxeles. Revisa también los demás destinos del ajuste; una guía o un objeto desalineado con los píxeles puede interferir con un resultado alineado. Este ajuste se aplica al crear, mover o modificar objetos, así que inspecciona el diseño existente en vez de suponer que activarlo ha corregido todos los objetos. Forzar alineación de píxeles

Considera Mover en píxeles enteros como una restricción de movimiento. Affinity documenta que conserva los píxeles parciales que un objeto ya ocupa mientras lo mueve en distancias de píxeles enteros. Puede conservar un desplazamiento fraccionario no deseado. Establece primero la posición deseada y luego usa el movimiento en píxeles enteros cuando te ayude a mantenerla. Forzar alineación de píxeles

Para inspeccionar los bordes de cerca, activa Vista > Mostrar > Cuadrícula de píxeles y amplía la vista. La cuadrícula es una ayuda visual y no se exporta. Úsala junto con la vista Píxeles para examinar bordes equivalentes y luego vuelve a un tamaño de visualización normal para evaluar la lista de verificación completa. Cuadrículas

Comprobación ilustrativa de la geometría

Supongamos que el tamaño previsto de salida de tu lista de verificación es de 800 × 600 píxeles. Para una prueba sintética, crea tres rectángulos horizontales rellenos, sin trazo. Asigna a cada uno un ancho de 240 px y una altura de 1 px, con las siguientes posiciones de la esquina superior izquierda. Son valores ilustrativos, no resultados medidos en Affinity.

Línea X Y Ancho Alto
A 80 px 100 px 240 px 1 px
B 80 px 124 px 240 px 1 px
C 80 px 148 px 240 px 1 px

Usa el anclaje superior izquierdo en Transformar, introduce esos valores y mantén la rotación y el sesgo en cero. Las líneas repetidas tendrán ahora las mismas dimensiones y una separación de píxeles enteros. Este ejemplo usa los controles de relleno de la Herramienta Rectángulo y el posicionamiento numérico del panel Transformar; no depende de un comando «líneas nítidas» no documentado. Herramienta Rectángulo, Panel Transformar

El cálculo de escala explica por qué importa el tamaño de destino. Exportar este diseño de 800 píxeles de ancho a 400 píxeles de ancho da un factor de escala de 400 ÷ 800 = 0,5. Una línea de 1 píxel de alto corresponde entonces, geométricamente, a medio píxel de salida; una línea de 2 píxeles de alto corresponde a un píxel de salida. Estos cálculos describen la geometría, no garantizan un sombreado exacto del procesador. Si el archivo final debe tener 400 píxeles de ancho, evalúa y ajusta las líneas para ese tamaño de salida.

Exporta el PNG con el tamaño que realmente necesitas

Abre Archivo > Exportar > Exportar y elige un ajuste preestablecido de PNG. Define Área de forma deliberada: usa la mesa de trabajo con nombre o el área del documento adecuada para incluir toda la lista de verificación. Área de selección incluye las capas superpuestas que no estén seleccionadas, mientras que Solo selección las excluye. Por tanto, las distintas opciones de área pueden generar contenidos diferentes. Cuadro de diálogo Exportar

Comprueba el ancho y el alto exportados. El ajuste Tamaño de Affinity muestra inicialmente las dimensiones nativas y permite elegir otras; mantén activada la opción Bloquear relación de aspecto para cambiar el tamaño proporcionalmente. Para la prueba ilustrativa, exporta primero a 800 × 600. Prueba por separado cualquier archivo final de menor tamaño. Ajustes de exportación

Inspecciona la vista previa de exportación antes de guardar. En Mac, pulsa Comando-1 durante la vista previa para verla al 100 %; Comando-3 muestra una ampliación del 400 % para examinarla de cerca. Busca líneas repetidas cuyo nivel de oscuridad o grosor aparente varíe y comprueba si algún borde queda recortado en el límite de exportación elegido. Después, exporta e inspecciona el PNG real al tamaño de visualización previsto. Cuadro de diálogo Exportar

Si necesitas cambiar el tamaño, Affinity ofrece varios métodos de remuestreo. Su ayuda señala Vecino más cercano para imágenes con bordes definidos y Bilineal para reducir el tamaño. Tómalos como usos documentados y compara después la vista previa de tu diseño. No se documenta ningún método de remuestreo como garantía de que las líneas finas de una lista de verificación se vean iguales. Ajustes de exportación

¿Qué pueden corregir los ajustes de exportación y cuáles son sus límites?

El alcance útil depende del formato. Affinity documenta Rasterizar: Nada / Todo / Propiedades no compatibles para PDF, SVG y EPS. No incluye ese control para PNG. Del mismo modo, la opción de PPP de rasterización se documenta para los efectos rasterizados en esos formatos orientados a gráficos vectoriales. No busques una opción «Rasterizar todo» para PNG; usa las dimensiones de salida del PNG y corrige la geometría del diseño. Ajustes de exportación

Usa esta secuencia de diagnóstico para decidir qué cambiar. Es una ayuda para tomar decisiones derivada de los controles documentados, no una afirmación de que un único ajuste permita diagnosticar todos los problemas de exportación.

Lo que observas Qué inspeccionar a continuación Respuesta práctica
Algunas casillas tienen distintos anchos numéricos Ajustes de trazo y controles de cambio de tamaño Establece un tratamiento final del trazo común
Las líneas iguales difieren en la vista Píxeles Posiciones, dimensiones y destinos del ajuste Corrige los bordes equivalentes y repite su colocación de forma uniforme
Las líneas se vuelven desiguales solo en la exportación de menor tamaño Dimensiones de salida y factor de escala Ajusta el diseño para ese tamaño menor
Una línea desaparece o aparece sobre un fondo inesperado Área de exportación y capas incluidas Elige el ámbito deseado del documento, la mesa de trabajo o la selección
La vista Vectorial se ve suave, pero el PNG se ve distinto Vista Píxeles y vista previa de exportación Evalúa el archivo rasterizado mediante su representación en píxeles

Cuando una combinación funcione, guarda las opciones de exportación mediante Preferencias > Crear preajuste en el cuadro de diálogo Exportar. Un preajuste permite volver a usar esas opciones de exportación; el diseño sigue necesitando una geometría y una colocación uniformes. Cuadro de diálogo Exportar

Haz una comprobación final sencilla: inspecciona una casilla y una línea representativas, confirma que sus equivalentes repetidos coincidan, verifica las dimensiones del PNG y examina la imagen guardada al tamaño en que se usará. Si necesitas otro tamaño de salida, repite la comprobación con ese tamaño. La uniformidad depende de controlar conjuntamente la geometría y la escala.

Fuentes