Wikiproyecto : Ilustracion/Taller grafico/Problemas tipicos con SVG en Wikimedia

De Wikipedia, la enciclopedia libre

¿Has hecho una imagen que se veia bien en Inkscape pero al subirla a Commons se ve mal?

A diferencia de los formatos de imagenes de tipo raster (como PNG, JPEG, GIF), que describen el color de cada punto de la imagen, los formatos de imagenes vectoriales (como SVG) describen los objetos de la imagen. A partir del SVG se obtiene el color de cada punto de la imagen empleando un programa de ≪ renderizado ≫. Por ejemplo, en una imagen de tipo raster, un texto negro estaria codificado de la forma ≪el pixel 2,3 es negro; y tambien el 2,4; el 3,3... y asi hasta enumerar todos los pixeles negros≫, mientras que en SVG estaria codificado como ≪Hay un texto con el tipo de letra DejaVu Sans en negrita, con 12px de tamano de letra que empieza en 2,3 y tiene un relleno solido negro≫, y al renderizar se convertiria esta segunda descripcion en la primera. Cuando en un articulo ponemos [[Imagen:blabla.SVG|thumb|300px]] , MediaWiki renderiza el SVG para obtener una imagen de 300px. El software de render que emplea es librsvg

Aunque SVG es un estandar, hay tipos de objetos que no estan soportados por segun que software de renderizado. Tambien puede ser que en el caso del texto la computadora que renderiza no disponga del tipo de letra descrito en el SVG, y emplee otra en su lugar. La mayoria de problemas vienen por estas razones.

Consejos generales [ editar ]

Si tienes problemas con un SVG, descarga librsvg y convierte tu SVG a PNG en tu computadora. De esta forma podras hacer las pruebas localmente y te resultara mas rapido corregir el problema.

En Inkscape, guarda el SVG como "SVG plano". Esto hara que no se guarden datos innecesarios que en ocasiones pueden hacer que los thumbnails (las miniaturas que aparecen en los articulos) no se muestren correctamente.

Comprueba que tu SVG cumple el estandar .

¡El 8 esta demasiado alto, aunque lo centre antes de subir la imagen!

El texto se desalinea, se modifica ligeramente, no se ve igual [ editar ]

Aqui tienes una lista de las fuentes de los servidores de Wikimedia. Procura emplear una de ellas. Si empleas una fuente de la que Mediawiki no dispone, usara otra en su lugar.

Otra forma de solucionar el problema es convertir el texto a trazo/trayecto (menu trazo/trayecto->objeto a trazo/trayecto). De esta forma en el fichero SVG el texto pasara a describirse como una figura mas, y se representara siempre igual con independencia de la fuente que uses. La desventaja es que una vez convertido a trazo, el texto no se puede editar mas como texto.

La imagen no se muestra [ editar ]

Suele ser por dos razones:

Porque hay una imagen raster [ editar ]

Si has incluido una imagen de mapa de bits (PNG, JPEG, GIF...) en el SVG, borrala. A menos que la incrustes (Efectos->Imagenes->Incrustar todas las imagenes), lo que quedara descrito en el fichero SVG no sera la imagen, sino que se indicara en que carpeta y que nombre de archivo tiene. Al tratar de representarla, Mediawiki buscara la imagen en la ruta que indica el SVG, como no podra encontrarla, fallara y no podra representarla. Por eso no se ve nada.

Porque hay objetos con relleno por patrones [ editar ]

El relleno con patrones es un misterio. A veces funciona, a veces no. Si has usado relleno con patrones y no se muestra la imagen, quitalo. En general procura no usarlo, porque da sorpresas desagradables.

Tipico resultado de usar texto fluido

Aparecen rectangulos negros [ editar ]

Esto suele ser porque se ha insertado texto fluido. El texto fluido es el que se pone clickando y arrastrando el raton para formar un recuadro en el que escribir. Esto siempre se ve mal. No lo uses. La unica forma de incluir texto es la otra: clickar y escribir. Si abres el SVG con un editor de texto y hay objetos de tipo "flowRoot", quitalos todos. Se puede usar como editor el editor xml que hay en Editar->Editor XML.

Tambien puedes convertir el texto fluido a trazo (menu trazo/trayecto->objeto a trazo/trayecto)