Una buena exportación comienza por el lugar donde se usará la imagen. Esta guía explica cómo elegir una escala, preparar su SVG y comprobar el PNG antes de utilizarlo.
1. Comience por el destino
Antes de convertir, verifique las dimensiones en píxeles solicitadas por el sitio web, documento, sistema de correo electrónico o aplicación de diseño que recibirá la imagen. Esta herramienta escala las dimensiones renderizadas del SVG mediante un multiplicador seleccionado; no proporciona campos personalizados de ancho y alto. Si una plataforma solicita 1200 píxeles de ancho, compare ese destino con el ancho mostrado del SVG y elija un multiplicador que se acerque sin crear un archivo innecesariamente grande.
2. Comprenda los factores de escala
Las opciones son 1x, 2x, 3x, 4x y 8x. Un multiplicador afecta tanto al ancho como al alto: un origen de 200 × 100 renderizado a 2x se convierte en 400 × 200 píxeles. El recuento de píxeles crece con el cuadrado del multiplicador, por lo que 8x produce 64 veces más píxeles que 1x. Una salida mayor puede consumir mucha más memoria y puede no parecer mejor cuando el arte original o la pantalla de destino no lo necesitan.
3. Elija un factor para pantallas
Para gráficos de interfaz estándar, 1x o 2x suele ser un punto de partida práctico; 2x puede ayudar en pantallas de alta densidad cuando el diseño de destino reduce la imagen. Elija 3x o 4x solo cuando el diseño necesite dimensiones de píxeles adicionales. Utilice 8x selectivamente porque los lienzos muy grandes pueden tardar más en renderizarse o superar los límites del navegador.
4. Decida si el fondo debe ser transparente
Elija Transparente cuando el PNG deba situarse sobre una página de color, una presentación u otra imagen. Elija Blanco cuando el destino espere un rectángulo blanco o cuando un fondo sólido haga que el arte sea más fácil de inspeccionar. El PNG admite transparencia, pero una aplicación de destino puede mostrar píxeles transparentes sobre un tablero de ajedrez o aplanarlos al insertar la imagen.
5. Prepare el SVG antes de exportar
Abra el origen en un editor vectorial y verifique que tiene un viewBox sensato y arte visible dentro de ese viewBox. Convierta o incruste fuentes si el diseño debe parecer idéntico en dispositivos sin esas fuentes. Mantenga las imágenes enlazadas y los recursos externos disponibles; este conversor de navegador puede no renderizar fuentes remotas, imágenes enlazadas, scripts u otras dependencias externas de un archivo SVG.
6. Convierta e inspeccione la vista previa
Seleccione un archivo SVG, elija una escala y un fondo, y luego conviértalo. Verifique que todo el dibujo sea visible, que el texto y los trazos finos permanezcan legibles y que la vista previa tenga el fondo esperado. Si el resultado está recortado, verifique el viewBox y las dimensiones del SVG en el archivo original. El conversor procesa un archivo a la vez y ofrece una descarga de PNG para ese archivo.
7. Verifique los píxeles y el tamaño del archivo
Utilice el PNG en su contexto previsto e inspecciónelo al tamaño en el que realmente aparecerá. Una dimensión grande en píxeles no mejora automáticamente un icono pequeño en la pantalla. Si el PNG es demasiado grande, regrese al SVG y exporte con un factor inferior. Si parece suave, confirme que el destino no está ampliando una imagen ráster pequeña después de la conversión.
8. Mantenga el origen editable
Guarde el SVG original junto con el PNG. El SVG preserva los trazados vectoriales y suele ser mejor para ediciones posteriores, recolorear y cambiar el tamaño. El PNG es una copia conveniente de tamaño fijo para destinos que necesitan imágenes ráster. Mantener ambos le permite crear otro PNG con un tamaño diferente sin escalar repetidamente una imagen ya rasterizada.