{"id":1246,"date":"2014-12-15T11:48:58","date_gmt":"2014-12-15T11:48:58","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?p=1246"},"modified":"2017-12-28T11:51:23","modified_gmt":"2017-12-28T11:51:23","slug":"optimitzar-svg-en-illustrator","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/introduccio\/optimitzar-svg-en-illustrator\/","title":{"rendered":"Optimizar  SVG en Illustrator"},"content":{"rendered":"<p>Los archivos del tipo SVG \u00a0pueden ser incrustados en una pagina web, en el\u00a0c\u00f3digo\u00a0HTML, por\u00a0tanto e<strong>s importante que optimicemos el archivo y que seamos organizados<\/strong> con el archivo desde Illustrator para que al exportar no haya c\u00f3digo innecesario.<\/p>\n<ul>\n<li><strong>Agrupa<\/strong><strong> elementos<\/strong> en Illustrator s\u00f3lo si esto implica alg\u00fan uso pr\u00e1ctico en el HTML, el c\u00f3digo SVG a\u00f1ade una etiqueta &lt;g&gt; para los elementos agrupados.<\/li>\n<li><strong>Nombra<\/strong><strong> las capas y los elementos<\/strong> en el archivo de Illustrator para poder identificar cada elemento despu\u00e9s desde el HTML.<\/li>\n<li><strong>Evita utilizar<\/strong><strong> efectos que necesiten de un proceso de rasterizaci\u00f3n<\/strong>, ya que se perder\u00eda el sentido de utilizar este Despu\u00e9s puedes a\u00f1adir efectos SVG para los gr\u00e1ficos directamente en el HTML (o al mismo Illustrator en Effect&gt; SVG Filters) evitando as\u00ed que los elementos se rastericen.<\/li>\n<li><strong>Utiliza<\/strong><strong> s\u00edmbolos<\/strong> para los elementos repetitivos en la infograf\u00eda<\/li>\n<li><strong>Evita utilizar<\/strong><strong> pinceles art\u00edsticos o vectores muy complejos<\/strong>.<\/li>\n<li><strong>Optimiza<\/strong><strong> tu ilustraci\u00f3n reduciendo el n\u00famero de vectores<\/strong>. Un trazado complejo con muchos puntos se traduce en un archivo svg m\u00e1s Para reducir de una manera sencilla los vectores podemos utilizar la herramienta warp, de forma manual en las \u00e1reas que queramos y de una manera m\u00e1s controlado o simplificarlos mediante Objeto&gt; trazado&gt; simplificar de un modo m\u00e1s general, o bien una combinaci\u00f3n de ambos.<\/li>\n<\/ul>\n<p>Os dejo adem\u00e1s estos enlaces que le pueden ayudar a entender algunos conceptos b\u00e1sicos sobre el uso y optimizaci\u00f3n de svg en la web:<\/p>\n<p><a href=\"https:\/\/escss.blogspot.com\/2014\/04\/SVG-guia-inicio-uso-creacion.html\">https:\/\/escss.blogspot.com\/2014\/04\/SVG-guia-inicio-uso-creacion.html<\/a><\/p>\n<p><a href=\"http:\/\/helpx.adobe.com\/es\/illustrator\/using\/svg.html\">http:\/\/helpx.adobe.com\/es\/illustrator\/using\/svg.html<\/a><\/p>\n<p><a href=\"http:\/\/help.adobe.com\/es_ES\/creativesuite\/cs\/using\/WSC7A1F924-DD38-49b4-B84B-EFF50416C860.html#WS62280CA5-B888-4191-B103-749BDE9DD861\">http:\/\/help.adobe.com\/es_ES\/creativesuite\/cs\/using\/WSC7A1F924-DD38-49b4-B84B-EFF50416C860.html#WS62280CA5-B888-4191-B103-749BDE9DD861<\/a><\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Los archivos del tipo SVG \u00a0pueden ser incrustados en una pagina web, en el\u00a0c\u00f3digo\u00a0HTML, por\u00a0tanto es importante que optimicemos el archivo y que seamos organizados con el archivo desde Illustrator para que al exportar no haya c\u00f3digo innecesario. Agrupa elementos en Illustrator s\u00f3lo si esto implica alg\u00fan uso pr\u00e1ctico en el HTML, el c\u00f3digo SVG &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/introduccio\/optimitzar-svg-en-illustrator\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abOptimizar  SVG en Illustrator\u00bb<\/span><\/a><\/p>\n","protected":false},"author":59,"featured_media":0,"parent":1126,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[8],"class_list":["post-1246","page","type-page","status-publish","hentry","tag-illustrator","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/comments?post=1246"}],"version-history":[{"count":10,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1246\/revisions"}],"predecessor-version":[{"id":1410,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1246\/revisions\/1410"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1126"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/media?parent=1246"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/tags?post=1246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}