Tu gestor de contenidos requiere WebP y el diseño original está en SVG. Puedes darle una versión raster de lo que dibuja el navegador. Observa el archivo dentro de la página: las fuentes, las zonas transparentes y la escala determinan si la copia representa bien tu diseño.
Suelta tu archivo .SVG aquí
o haz clic para explorar desde tu dispositivo
Muchos sitios pueden mostrar SVG directamente, pero no todos sus gestores de medios lo admiten. Convertir a WebP tiene sentido si el paso de publicación lo exige. La ruta no conserva curvas editables ni objetos de texto; almacena los píxeles de una vista fija.
Comprueba que las tipografías no hayan sido sustituidas y que los recursos enlazados estén visibles. Un logo puede parecer correcto en tu editor y tener una letra desplazada en el WebP. Revisa también los márgenes del archivo: la caja de vista SVG puede incluir espacio vacío.
WebP puede guardar transparencia, pero observa sus bordes sobre el fondo de la web. Una sombra sutil puede verse diferente al rasterizarse. El resultado no lleva la animación ni la interactividad que pudiera tener el documento SVG.
Guarda el dibujo vectorial para retocar textos, colores o proporciones. La copia web cumple una función de distribución, no de archivo maestro.
Un catálogo web que no admite SVG puede usar una versión WebP del dibujo. Para un mapa de recorrido, revisa si la línea principal y sus etiquetas siguen claras en la vista grande. La tarjeta pequeña quizá necesite otra composición; el gestor puede recortar o redimensionar la salida después de recibirla. Esta ruta crea un archivo, no un conjunto de imágenes adaptadas a cada espacio. Conserva el SVG si debes modificar la ruta o las palabras.
La imagen fija puede entrar en una biblioteca que exige raster.
Una vista SVG renderizada puede guardarse como WebP estático.
Ampliar WebP no reconstituye las curvas originales.
El renderizado y la codificación pueden modificar texto fino o bordes.
Objetos de texto, curvas editables y escalado vectorial no quedan en la salida.
Si hay que publicar varias anchuras, mantén el SVG como fuente y genera las variantes que correspondan.
Reescalar un único WebP no recupera la precisión vectorial.
Descarga el WebP y mira sus dimensiones.
Después comprueba la imagen que entrega el gestor al visitante; quizá vuelva a reducirla o codificarla.
No presupongas que WebP será más pequeño que un SVG breve: compara los archivos reales.
Asegúrate de que el SVG se vea completo en el navegador.
Elige una medida adecuada para la vista principal del catálogo.
Una ilustración SVG es escalable; su versión WebP no lo es.
En una banda ancha del sitio quizá se amplíe demasiado y los contornos pierdan nitidez.
Examina el resultado en teléfono y en pantalla grande.
Comprueba que las fuentes y los elementos enlazados se representaron antes de publicar: cualquier sustitución quedará fijada en el WebP.
Si el dibujo tenía un borde transparente, ensáyalo sobre el color real de la página.
Guarda el SVG como fuente editable.
El gestor de contenidos puede reducir el WebP después de recibirlo.
Si en el sitio una línea parece poco nítida, compara el archivo local y la imagen distribuida.
Así podrás separar el efecto de rasterización inicial del tratamiento posterior.
Mantén el SVG para generar una versión con otras dimensiones sin encadenar copias comprimidas.
Comprueba tipografía y trazos.
Renderiza la vista y escribe una imagen fija.
Mira ficha y miniatura tras la publicación.
No. La salida contiene píxeles de una vista representada.
No. Esta ruta crea una imagen estática.
No. Un vector sencillo puede ser más compacto que su raster; mide cada resultado.
No. La salida es una imagen raster.
No siempre; depende del destino y de cómo sirve el dibujo.
No. Queda representado como píxeles.
No. Hará falta el gestor o un proceso adicional.
Gratis, instantáneo y 100% privado. Tus archivos se procesan localmente en tu navegador.