{"id":7486,"date":"2024-11-18T13:10:23","date_gmt":"2024-11-18T13:10:23","guid":{"rendered":"https:\/\/halkoo.com\/?p=7486"},"modified":"2025-02-24T14:07:09","modified_gmt":"2025-02-24T14:07:09","slug":"elementor-v-25-caricamento-condizionale-dei-widget-e-ottimizzazione-dei-css-2","status":"publish","type":"post","link":"https:\/\/halkoo.com\/es\/elementor-v-25-carga-condicional-de-widgets-y-optimizacion-css-2\/","title":{"rendered":"Activar la carga de archivos SVG, AVIF y WebP en WordPress"},"content":{"rendered":"<p>Por defecto, WordPress restringe los tipos de archivo que pueden subirse directamente a la biblioteca multimedia. Entre los formatos m\u00e1s modernos y ligeros, SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) y WebP est\u00e1n ganando popularidad por su eficiencia y calidad de imagen. En este art\u00edculo, descubrir\u00e1s c\u00f3mo habilitar la carga de estos formatos de archivo mediante fragmentos de c\u00f3digo, sin necesidad de utilizar ning\u00fan plugin externo.<\/p>\n\n\n\n<p><strong>\u00bfPor qu\u00e9 utilizar SVG?<\/strong><\/p>\n\n\n\n<p>&#8211; <strong>Escalabilidad<\/strong>Los SVG est\u00e1n basados en vectores, lo que significa que pueden cambiar de tama\u00f1o sin perder calidad. Son ideales para iconos y gr\u00e1ficos sencillos.<\/p>\n\n\n\n<p>&#8211; <strong>Dimensiones reducidas<\/strong>Los SVG suelen ocupar menos espacio que las im\u00e1genes rasterizadas, sobre todo para gr\u00e1ficos sencillos.<\/p>\n\n\n\n<p><strong>\u00bfPor qu\u00e9 utilizar AVIF y WEBP?<\/strong><\/p>\n\n\n\n<p>&#8211; <strong>Compresi\u00f3n eficaz<\/strong>: Ambos formatos ofrecen mejor compresi\u00f3n que los archivos JPEG y PNG tradicionales, lo que permite reducir el tama\u00f1o de las im\u00e1genes sin comprometer la calidad.<\/p>\n\n\n\n<p>&#8211; <strong>Apoyo a la transparencia<\/strong>Tanto AVIF como WebP admiten transparencias, por lo que son excelentes para im\u00e1genes con fondos transparentes.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/**\n * Nombre del snippet: Enable upload files svg, avif and webp\n * Autor del snippet: halkoo.com\n *\/\nfunction allow_custom_uploads($mimes) {\n    \/\/ Habilitar SVG\n    $mimes['svg'] = 'image\/svg+xml';\n    \n    \/\/ Activar AVIF\n    $mimes['avif'] = 'image\/avif';\n    \n    \/\/ Activar WebP\n    $mimes['webp'] = 'image\/webp';\n    \n    return $mimes;\n}\nadd_filter('upload_mimes', 'allow_custom_uploads');<\/pre>\n\n\n\n<p><strong>Comprobar modificaciones<\/strong><\/p>\n\n\n\n<p>Una vez que el c\u00f3digo se ha a\u00f1adido al <code>funciones.php<\/code> de tu tema, puedes ir a la biblioteca multimedia de WordPress e intentar subir archivos SVG, AVIF y WebP. Si todo ha ido bien, deber\u00edas poder subir estos formatos sin problemas.<\/p>\n\n\n\n<p><strong>Consideraciones de seguridad<\/strong><\/p>\n\n\n\n<p>Es importante tener en cuenta que, aunque SVG es un formato vectorial \u00fatil, tambi\u00e9n puede presentar riesgos de seguridad si no se maneja correctamente. Los SVG pueden contener c\u00f3digo JavaScript y, si se cargan desde fuentes no fiables, podr\u00edan comprometer la seguridad de su sitio. Por lo tanto, se recomienda utilizar SVG s\u00f3lo de fuentes fiables y, si es posible, desinfectar el contenido SVG antes de cargarlo.<\/p>\n\n\n\n<p>\u00bfNecesita ayuda? Escriba a <a href=\"mailto:info@halkoo.com\">info@halkoo.com<\/a> para recibir un presupuesto personalizado para su nuevo sitio web o tienda de comercio electr\u00f3nico.<\/p>","protected":false},"excerpt":{"rendered":"<p>Por defecto, WordPress limita los tipos de archivos que se pueden subir directamente a la mediateca. Entre los formatos m\u00e1s modernos [...]<\/p>","protected":false},"author":1,"featured_media":7488,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[54],"tags":[78,76,77,47],"class_list":["post-7486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-avif","tag-svg","tag-webp","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/posts\/7486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/comments?post=7486"}],"version-history":[{"count":0,"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/posts\/7486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/media\/7488"}],"wp:attachment":[{"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/media?parent=7486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/categories?post=7486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/halkoo.com\/es\/wp-json\/wp\/v2\/tags?post=7486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}