Guías prácticas para convertir imágenes en archivos SVG editables.
Descubre qué son los SVG y por qué son tan útiles.
Convierte imágenes de píxeles en vectores limpios y escalables.
Convierte tu logotipo PNG o JPG en un SVG editable.
254 artículos
Añade un gráfico SVG a un nodo Graphviz, revisa su referencia de imagen y prueba un paquete completo frente a un diagrama movido y una copia de entrega autónoma.
Exporta tu gráfico de Matplotlib como SVG, compón trazados de logotipo separados con svgutils y comprueba píxeles incrustados, colocación y cambios de fuente en el archivo entregado.
Usa feFuncA para aplicar un umbral abrupto al alfa SVG. Compara discrete y table con píxeles PNG conocidos, conserva los huecos y comprueba por qué permanece el blanco opaco.
Crea un contorno SVG desde SourceAlpha con feMorphology. Compara dilatación, erosión, huecos y radios desiguales manteniendo intacta la geometría original de trazados.
Lee trazados SVG absolutos y relativos siguiendo el punto actual. Prueba pares moveto, reinicios de closepath y coordenadas cúbicas con un ejemplo original de resultados coincidentes.
Coloca un logotipo SVG en un PDF de Python con fpdf2, controla su tamaño, inspecciona los trazados guardados y diagnostica textos o formas ausentes antes de recurrir a raster.
Añade un logotipo SVG a React-pdf con Svg y Path, conserva sus aberturas, establece dimensiones explícitas y comprueba el PDF guardado antes de usar tu diseño.
Usa feColorMatrix de SVG para recolorear una vista previa, conservar la transparencia y elegir sRGB. Compara el filtro con editar rellenos directamente antes de entregar ilustraciones editables.
Corrige etiquetas SVG que aparecen en el navegador pero desaparecen al exportar. Compara foreignObject con texto nativo, comprueba los espacios de nombres y conserva la ilustración existente.
Corrige logotipos SVG ausentes en PDF de WeasyPrint con una URL base correcta y tamaños CSS explícitos, y comprueba trazados vectoriales, proporciones e ilustración en el PDF guardado.
Descubre cuándo un SVG en Excalidraw es una sola imagen y cuándo sus partes se vuelven figuras editables. Consulta una conversión probada, el hueco que perdió y qué debes comprobar después.
Añade un logotipo SVG real con PptxGenJS, conserva sus proporciones, inspecciona los recursos del PPTX y prueba la diapositiva en la aplicación que usa tu público.
Prepara un icono SVG personalizado para un tema de Shopify y elige entre un recurso de imagen o un snippet Liquid en línea. Comprueba trazados, control de color, tamaño y accesibilidad.
Descubre cuándo crispEdges ayuda a diseños sobre una cuadrícula de píxeles, cuándo puede empeorar las curvas y por qué conviene probarlo en el navegador a dos tamaños.
Si z-index no trae un trazado SVG al frente, revisa el orden de los elementos. Compara un emblema antes y después de reordenarlo y verifica los grupos y los archivos exportados.
Elige límites de página, dibujo u objeto para exportar PNG desde la línea de comandos de Inkscape. Compara salidas reales, crea dos tamaños y conserva el SVG original intacto.
Empaqueta tu SVG como conjunto de iconos Iconify, regístralo en Mermaid y prueba iconos ausentes, formas recortadas y etiquetas con un diagrama funcional.
Prepara un marcador SVG personalizado para QGIS con parámetros de relleno y contorno, un hueco real y un detalle fijo. Conserva un SVG normal e inspecciona la copia de destino.
La búsqueda y los filtros necesitan JavaScript. Puedes explorar todos los artículos a continuación.
PerfectVector
Sin tarjeta de crédito
