SVG es el mejor formato para logos e iconos porque se ve nítido a cualquier tamaño. Pero muchas plataformas solo aceptan imágenes raster, así que en algún momento tendrás que convertir.
Cuando SVG no es una opción
- Formularios de carga de perfiles, portadas y anuncios en redes sociales.
- Firmas de correo y muchos clientes de correo electrónico.
- Fichas de tiendas de apps y algunos procesos de iconos de aplicaciones.
- Software de presentaciones y documentos con poco soporte para SVG.
- Plataformas que procesan las cargas redimensionándolas como mapas de bits.
Elige primero el ancho
Una imagen raster tiene píxeles fijos, así que decide dónde se usará y exporta a ese tamaño, o mayor. Como el SVG es vectorial, puedes exportarlo al doble o triple del tamaño mostrado y la imagen se verá nítida en pantallas de alta densidad. La herramienta mantiene las proporciones: fija el ancho y el alto se deduce de la forma del propio SVG.
Qué formato
- PNG conserva los bordes nítidos y admite transparencia. Es la opción por defecto para logos e iconos.
- WebP es más pequeño con calidad similar y también admite transparencia, pero no todos los sistemas antiguos lo aceptan.
- JPEG no tiene transparencia y la herramienta usa fondo blanco, así que solo sirve para gráficos que van sobre un color sólido o que contienen fotos.
Fondo
Mantenlo transparente si la imagen irá sobre colores distintos. Elige un color de fondo sólido si el destino no admite transparencia, por ejemplo un espacio de foto de perfil que muestra negro detrás de las zonas transparentes.
Si el SVG no tiene tamaño
Algunos archivos SVG declaran solo un viewBox y no tienen width ni height. El navegador entonces recurre a un tamaño por defecto, así que la herramienta muestra el tamaño detectado y escala la salida al ancho que elijas, conservando la proporción.
Fuentes
El texto de un SVG usa las fuentes por nombre. Si una fuente no está instalada en tu equipo, el navegador la sustituye por otra. Para evitarlo, convierte el texto en contornos en tu software de diseño antes de exportar el SVG.
Preguntas frecuentes
¿El PNG se verá borroso? No si exportas con un ancho al menos tan grande como el que se mostrará. Aumentar el ancho en píxeles da más detalle porque el origen es vectorial.