Respuesta rápida: Comprimir SVG para Shopify recorta entre un 10 % y un 80 % del peso de logotipos, iconos y gráficos de tema sin cambiar ni un píxel. Ábrelo en la herramienta de arriba, suéltalo y descarga la versión ligera — todo en tu navegador. Menos bytes en el tema significa una tienda que carga más rápido y un mejor LCP, la métrica de velocidad que Google usa para el ranking móvil de tu comercio.
Un logotipo de cabecera de 80 KB suele bajar a 15–30 KB solo con minificar y eliminar metadatos; el cliente no nota la diferencia, pero tu tema pesa mucho menos en cada página.
Por qué comprimir SVG en una tienda Shopify
En Shopify, el logotipo, los iconos del menú, los pictogramas de envío y los gráficos del tema se cargan en cada página de la tienda. Un SVG sin comprimir arrastra todo el equipaje de la herramienta con la que se creó: metadatos de Illustrator o Figma, comentarios, espacios de nombres del editor, coordenadas con seis decimales y grupos vacíos. En una tienda con tráfico real, esos bytes se multiplican por cada visita.
Comprimir los SVG del tema es el cambio más barato para aligerar la carga de la tienda: no tocas el servidor, no cambias el diseño y el resultado es idéntico a la vista del cliente.
Cómo comprimir un SVG para Shopify (paso a paso)
Paso 1. Abre el Compresor de SVG en línea de arriba. Es gratis y no requiere registro.
Paso 2. Haz clic en « Abrir SVG » y suelta tu archivo (logotipo, icono o gráfico del tema). También puedes pegar el marcado con « Pegar marcado ».
Paso 3. En « Configuración global », activa eliminar metadatos y redondea las coordenadas: 1 decimal para iconos, 2 decimales para ilustraciones. Fusiona las rutas adyacentes con el mismo relleno.
Paso 4. Haz clic en « Soltar » para descargar el SVG comprimido. Súbelo a tu tema en Tienda online → Temas → Editar código → assets.
Paso 5 (opcional). Si vas a incrustarlo en el código del tema, usa « Copiar como texto » para copiar el código ya minificado y pégalo directamente.
Ajustes recomendados para temas de Shopify
No hay un « tamaño perfecto » universal; depende de qué elemento estés publicando en la tienda. Estas son las reglas que mejor funcionan en la práctica:
- Logotipo de cabecera: 1 decimal, fusionar rutas, eliminar metadatos. Objetivo 15–50 KB (nítido en pantallas retina).
- Iconos de menú y pictogramas: 1 decimal, eliminar declaración XML. Objetivo 1–5 KB.
- Gráficos de sección o ilustraciones: 2 decimales, conservar fidelidad visual. Objetivo 50–250 KB.
- SVG inline en el tema: igual que iconos, pero quita la declaración XML (el navegador la ignora y son bytes de más en cada página).
Un truco: SVG en el editor de temas frente a archivo externo
Para iconos pequeños, incrustar el SVG directamente en el HTML del tema (inline) elimina una petición HTTP y acelera la pintura. Pero hazlo solo después de comprimir: un SVG inline sin minificar puede ser más grande que la propia sección. Regla sencilla: comprime primero, incrusta después.
Si el mismo icono se repite mucho (por ejemplo, el pictograma de la cesta en diez sitios), mejor mantenlo como archivo externo en assets/ y cacheable: el navegador lo descarga una vez y lo reutiliza en toda la tienda.
Errores comunes al comprimir para Shopify
- Dejar la declaración XML en un SVG inline: el navegador la ignora, así que son bytes que viajan de más en cada página de la tienda.
- Redondear a 1 decimal en ilustraciones del tema: borra detalle fino; usa 2 decimales para ese tipo de arte.
- Eliminar ID que usa tu CSS o JavaScript del tema: si animas o estilizas el SVG desde fuera, pon en lista blanca los ID que necesitas o la animación se romperá.
- Olvidar las imágenes raster incrustadas: un JPEG dentro del SVG no se reoptimiza solo; comprímelo aparte primero.
Tienda más ligera y mejor LCP
Google usa la velocidad de carga como señal de ranking, y el LCP (el elemento más grande visible) se ve penalizado por archivos pesados. En una tienda Shopify, el logotipo y los iconos de la cabecera suelen ser justo lo que el LCP mide. Comprimir esos SVG es uno de los cambios más rápidos para subir la nota de rendimiento de tu comercio.
Empieza por el logotipo y los iconos de la cabecera: suelen ser los SVG más grandes del tema y los más fáciles de recortar a la mitad. Luego repasa los gráficos de las secciones de inicio. Con el Compresor de SVG en línea el proceso es de segundos y totalmente privado: tus archivos nunca salen de tu navegador.
Abre el compresor y reduce tu SVG para Shopify ahora
Preguntas frecuentes
Respuestas rápidas sobre cómo comprimir SVG para tu tienda Shopify.
¿Shopify admite archivos SVG?
Sí, en la mayoría de los casos. Puedes subir SVG al editor de código de temas (config/settings_data.json o la carpeta assets) y usarlo como logotipo o icono. Algunos temas de terceros los bloquean por seguridad; si tu tienda no los acepta, súbelo como asset en el editor de temas y enlázalo con una etiqueta o background-image.
¿El SVG comprimido se ve igual que el original en mi tienda?
Sí. La compresión es sin pérdida a nivel de píxel: solo se eliminan datos que el navegador ignora al renderizar (metadatos del editor, comentarios, coordenadas redundantes). El logotipo y los iconos se ven idénticos en la tienda, pero pesan mucho menos.
¿Puedo comprimir el logotipo de la cabecera de Shopify?
Sí, y es lo más recomendable. El logotipo suele ser el elemento más grande del encabezado y aparece en cada página. Comprimirlo a 15–50 KB recorta bytes en todas las visitas sin tocar el diseño ni la nitidez en pantallas retina.
¿Comprimir SVG ayuda al SEO de mi tienda?
De forma indirecta. La velocidad de carga es una señal de ranking de Google, y un tema más ligero mejora el LCP y la experiencia móvil. Unos SVG optimizados contribuyen a una tienda más rápida y mejor posicionada en las búsquedas.
¿Qué pasa si mi SVG tiene imágenes raster incrustadas?
El compresor de SVG no reoptimiza JPEG ni PNG internos. Comprime esas imágenes por separado primero (por ejemplo con una herramienta de imágenes) y luego vuelve a pasar el SVG por la herramienta para eliminar el equipaje de texto sobrante.
¿Es gratis y privado?
Sí. El Compresor de SVG en línea funciona en tu navegador, es gratis y no sube tus archivos a ningún servidor: todo el proceso ocurre en tu dispositivo, así que los archivos de tu marca nunca salen de tu ordenador.