Mantenga un fondo transparente al exportar PNG

Un activo transparente contiene un canal alfa que describe qué píxeles son visibles. Eso es diferente a la imagen de un tablero de ajedrez. Si descargó una captura de pantalla que muestra un tablero de ajedrez detrás de un logotipo, esos cuadrados pueden ser píxeles visibles normales. Guardar esa captura de pantalla como PNG no las eliminará. Abra el activo real en un editor y compruebe que el fondo realmente se pueda ver.

Este flujo de trabajo es útil para un recorte, un logotipo rasterizado o una superposición existente que necesita una versión de entrega más pequeña. No puede identificar un sujeto, borrar un fondo o reemplazar un borde mal cortado. Primero haga esas ediciones en el diseño original. Mantenga un patrón editable y exporte un PNG transparente de él, luego use esta página cuando necesite un tamaño de ráster diferente sin aplanar deliberadamente el fondo.

El ajuste preestablecido mantiene los píxeles originales, selecciona PNG y desactiva la nitidez. PNG es la salida aquí que preserva la transparencia existente. Las exportaciones JPEG y WebP de esta herramienta utilizan un fondo blanco opaco, así que no las elija para un recurso que debe funcionar en diferentes colores de página. El control deslizante de calidad no controla la compresión sin pérdidas de PNG.

Para una copia más pequeña, elija Ajustar dentro e ingrese el cuadro disponible. Que conserva las proporciones de origen sin cortar los bordes. El tamaño exacto recorta la forma elegida y puede eliminar una sombra o parte de la marca, así que úsalo solo cuando quieras ese recorte. Evite un límite de bytes innecesario en un recurso maestro. Alcanzar un límite ajustado puede requerir una reducción de píxeles, lo que puede dificultar la lectura de un logotipo pequeño o un contorno estrecho.

Vea el PNG descargado contra fondos claros y oscuros. Un recorte puede contener píxeles de borde pálido de una edición anterior con fondo blanco. La transparencia puede estar técnicamente intacta mientras que el halo todavía se ve mal en una sección oscura. De manera similar, un logotipo oscuro puede desaparecer en una página oscura aunque la exportación sea correcta. Solucione esos problemas de diseño en la fuente en lugar de comprimirlos repetidamente.

Verifique la imagen en su tamaño de visualización real. Las sombras semitransparentes y los trazos estrechos pueden cambiar visualmente cuando se reducen, incluso con la salida PNG. Para la publicación web, establezca las dimensiones del elemento y proporcione texto alternativo útil cuando la imagen transmita información. Una superposición decorativa puede necesitar un tratamiento de accesibilidad diferente al del logotipo de una empresa vinculada. Descargue una exportación de prueba y colóquela en el diseño real antes de procesar un grupo de activos coincidentes. Su fuente permanece en su dispositivo durante toda la conversión.

Pruebe con un logotipo oscuro con una sombra suave y un segundo logotipo diseñado para un fondo oscuro. Coloque ambos PNG descargados en una sección luminosa temporal y en una sección oscura de su diseño. Mire los trazos estrechos y el límite de la sombra en el tamaño de visualización deseado. Si una versión se vuelve invisible, seleccione la variante de origen correcta en lugar de aplanarla en un color de fondo diferente. Si aparece un halo blanco, vuelva a visitar el recorte original. Un archivo puede conservar su canal alfa y aun así no coincidir visualmente con una página en particular. Verifique ambas propiedades antes de aplicar configuraciones compartidas a todas las variantes.