{"id":83299,"date":"2022-09-09T04:05:11","date_gmt":"2022-09-09T02:05:11","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/optimizar-imagenes-con-thumbor\/"},"modified":"2020-09-16T20:50:05","modified_gmt":"2020-09-16T23:50:05","slug":"optimizar-imagenes-con-thumbor","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/","title":{"rendered":"Optimize images with Thumbor"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Requisitos-previos\" >Previous requirements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Formato-de-URL-en-miniatura\" >Thumbnail URL format<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Origen\" >Origin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Clave-de-seguridad\" >Security key<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Talla\" >Size<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Filtros\" >Filters<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Transformando-imagenes\" >Transforming images<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Compresion\" >Compression<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Cambiar-el-tamano\" >Resize<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Formatos-de-archivo\" >File formats<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Proximos-pasos\" >Next steps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/optimizar-imagenes-con-thumbor\/#Apendice-thumborconf\" >Appendix: thumbor.conf<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Thumbor can be used for free to resize, compress and transform images on demand.\n        <\/p>\n<p>\n          <time>September 23, 2019<\/time><\/p>\n<\/header>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/thumbor.org\/\">Thumbor<\/a> is a free, open source imaging CDN that makes it easy to compress, resize, and transform images. This post lets you try Thumbor first-hand without installing anything. We have set up a Thumbor sandbox server for you to test <code>http:\/\/34.67.235.246:8888<\/code>. The image you are experimenting with is available at http:\/\/34.67.235.246:8888\/unsafe\/https:\/\/web.dev\/backdrop-filter\/hero.jpg.<\/p>\n<h2 id=\"prequisites\"><span class=\"ez-toc-section\" id=\"Requisitos-previos\"><\/span>Previous requirements <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This post assumes you understand how image CDNs can improve your upload performance. Otherwise, see Use Image CDNs to Optimize Images. It also assumes that you have built basic websites before.<\/p>\n<div class=\"w-aside w-aside--note\">\n<p>If you want to install Thumbor on your own server and then follow this post, see How to Install Thumbor CDN Image. Whenever you see <code>http:\/\/34.67.235.246:8888<\/code> In this post, you will need to replace that origin with the origin of your Thumbor instance.<\/p>\n<\/div>\n<h2 id=\"thumbor-url-format\"><span class=\"ez-toc-section\" id=\"Formato-de-URL-en-miniatura\"><\/span>Thumbnail URL format <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>As mentioned in Using Image CDNs to Optimize Images, each Image CDN uses a slightly different URL format for images. Figure 1 represents the Thumbor format.<\/p>\n<figure class=\"w-figure\">\n  <img alt='use-thumbor0-5292656' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor0-5292656.jpg' class=\"w-screenshot\"><figcaption>Thumbor URL Format<\/figcaption><\/figure>\n<h3 id=\"origin\"><span class=\"ez-toc-section\" id=\"Origen\"><\/span>Origin <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Like everything <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/html.spec.whatwg.org\/multipage\/origin.html#concept-origin\">origins<\/a>, the origin of a URL Thumbor consists of three parts: a <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Uniform_Resource_Identifier#Definition\">scheme<\/a> (which is almost always <code>http<\/code> or <code>https<\/code>), a host and a port. In this example the host is identified by an IP address, but if you are using a DNS server it might look like <code>thumbor-server.my-site.com<\/code>. By default, Thumbor uses the port <code>8888<\/code> to serve images.<\/p>\n<h3 id=\"security-key\"><span class=\"ez-toc-section\" id=\"Clave-de-seguridad\"><\/span>Security key <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>the <code>unsafe<\/code> part of the URL indicates that you are using Thumbor without a security key. A security key prevents a user from making unauthorized changes to their image URLs. By changing the image URL, a user could use your server (and your hosting bill) to resize their images or, more maliciously, to overload your server. This guide will not cover setup <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/thumbor\/thumbor\/wiki\/security\">Thumbor security key feature<\/a>.<\/p>\n<h3 id=\"size\"><span class=\"ez-toc-section\" id=\"Talla\"><\/span>Size <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This part of the URL specifies the desired size of the output image. This can be omitted if you don&#039;t want to resize the image. Thumbor will use different approaches like cropping or scaling to achieve the desired size based on the other URL parameters. The next section of this post explains how to resize images in more detail.<\/p>\n<p>Try it now:<\/p>\n<ol>\n<li>\n<p>Click the following URL to see the image displayed in its original size in a new tab: http:\/\/34.67.235.246:8888\/unsafe\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<figure class=\"w-figure\">\n   <img alt='use-thumbor1-9279708' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor1-9279708.jpg' class=\"w-screenshot\"><figcaption>Original image<\/figcaption><\/figure>\n<\/li>\n<li>\n<p>Resize the image to 100 \u00d7 100 pixels: http:\/\/34.67.235.246:8888\/unsafe\/100edrez100\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<\/li>\n<\/ol>\n<figure class=\"w-figure\">\n  <img alt='use-thumbor2-7668204' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor2-7668204.jpg' class=\"w-screenshot\"><figcaption>Image resized to 100 \u00d7 100 pixels<\/figcaption><\/figure>\n<h3 id=\"filters\"><span class=\"ez-toc-section\" id=\"Filtros\"><\/span>Filters <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Filters transform an image. The filters part of the URL segment begins with <code>filters:<\/code> followed by a list of filters separated by colons; this can be omitted if you are not using any filters. The syntax for individual filters resembles a function call (for example <code>grayscale ()<\/code>) that contains zero or more arguments.<\/p>\n<p>Try it now:<\/p>\n<ol>\n<li>\n<p>Apply a single filter: a Gaussian <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/thumbor.readthedocs.io\/en\/latest\/blur.html\">blur<\/a> effect with a radius of 25 pixels: http:\/\/34.67.235.246:8888\/unsafe\/filters:blur(25)\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<figure class=\"w-figure\">\n   <img alt='use-thumbor3-6838206' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor3-6838206.jpg' class=\"w-screenshot\"><figcaption>Blurred image<\/figcaption><\/figure>\n<\/li>\n<li>\n<p>Apply multiple filter. Convert to <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/thumbor.readthedocs.io\/en\/latest\/grayscale.html\">grayscale<\/a> and <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/thumbor.readthedocs.io\/en\/latest\/rotate.html\">to turn<\/a> the image 90 degrees: http:\/\/34.67.235.246:8888\/unsafe\/filters:grayscale():blur(90)\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<\/li>\n<\/ol>\n<figure class=\"w-figure\">\n  <img alt='use-thumbor4-7302444' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor4-7302444.jpg' class=\"w-screenshot\"><figcaption>Grayscale, rotated image<\/figcaption><\/figure>\n<h2 id=\"transforming-images\"><span class=\"ez-toc-section\" id=\"Transformando-imagenes\"><\/span>Transforming images <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This section focuses on the features of Thumbor that are most relevant to performance: compression, resizing, and converting between file formats.<\/p>\n<h3 id=\"compression\"><span class=\"ez-toc-section\" id=\"Compresion\"><\/span>Compression <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>the <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/thumbor.readthedocs.io\/en\/latest\/quality.html\">quality<\/a> The filter compresses JPEG images to the desired image quality level (1-100). If a quality level is not provided, Thumbor compresses the image to a quality level of 80. This is a good default value: quality levels 80-85 usually have little noticeable effect on image quality, but usually reduce the image size by 30-40%.<\/p>\n<p>Try it now:<\/p>\n<ol>\n<li>\n<p>Compress the image to a quality of 1 (very bad): http:\/\/34.67.235.246:8888\/unsafe\/filters:quality(1)\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<figure class=\"w-figure\">\n   <img alt='use-thumbor5-8750607' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor5-8750607.jpg' class=\"w-screenshot\"><figcaption>Poor image quality<\/figcaption><\/figure>\n<\/li>\n<li>\n<p>Compress the image using Thumbor&#039;s default compression settings: http:\/\/34.67.235.246:8888\/unsafe\/filters:quality()\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<\/li>\n<\/ol>\n<figure class=\"w-figure\">\n  <img alt='use-thumbor6-7488573' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor6-7488573.jpg' class=\"w-screenshot\"><figcaption>Compressed image<\/figcaption><\/figure>\n<h3 id=\"resizing\"><span class=\"ez-toc-section\" id=\"Cambiar-el-tamano\"><\/span>Resize <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To resize an image while keeping its original aspect ratio, use the format <code>$WIDTHx0<\/code> or <code>0x$HEIGHT<\/code> within <code>size<\/code> part of the url string.<\/p>\n<p>Try it now:<\/p>\n<ol>\n<li>\n<p>Resize the image to a width of 200 pixels keeping the original aspect ratio: http:\/\/34.67.235.246:8888\/unsafe\/200damientos0\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<p> <!-- lint disable code-block-style --><\/p>\n<figure class=\"w-figure\">\n   <img alt='use-thumbor7-8111926' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor7-8111926.jpg' class=\"w-screenshot\"><figcaption>Image resized to a width of 200 pixels<\/figcaption><\/figure>\n<\/li>\n<li>\n<p>Resize the image to a height of 500 pixels keeping the original aspect ratio: http:\/\/34.67.235.246:8888\/unsafe\/0x500\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<\/li>\n<\/ol>\n<figure class=\"w-figure\">\n  <img alt='use-thumbor8-1110217' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor8-1110217.jpg' class=\"w-screenshot\"><figcaption>Image resized to a height of 500 pixels<figcaption>\n<\/figcaption><\/figcaption><\/figure>\n<p>You can also resize images to a percentage of the original using the <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/thumbor.readthedocs.io\/en\/latest\/proportion.html\">proportion<\/a> filter. Specifying the size in conjunction with the aspect ratio filter will resize the image and then apply the aspect ratio filter.<\/p>\n<p>Try it now:<\/p>\n<ol>\n<li>\n<p>Resize the image to 50% from the original: http:\/\/34.67.235.246:8888\/unsafe\/filters:proportion(.5)\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/p>\n<figure class=\"w-figure\">\n   <img alt='use-thumbor9-7898390' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor9-7898390.jpg' class=\"w-screenshot\"><figcaption>Image resized to 50% of original size<\/figcaption><\/figure>\n<\/li>\n<li>\n<p>Resize the image to 1000 pixels width, then resize the image to 10% from its current size: http:\/\/34.67.235.246:8888\/unsafe\/1000x\/filters:proportion(.1)\/https :\/\/Web. dev \/ backdrop-filter \/ hero.jpg<\/p>\n<\/li>\n<\/ol>\n<figure class=\"w-figure\">\n  <img alt='use-thumbor10-9271832' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor10-9271832.jpg' class=\"w-screenshot\"><figcaption>Image resized to a width of 100 pixels<\/figcaption><\/figure>\n<p>These methods are just a few of Thumbor&#039;s many cropping and resizing options. To read about other options, see <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/thumbor\/thumbor\/wiki\/Usage\">Use<\/a>.<\/p>\n<h3 id=\"file-formats\"><span class=\"ez-toc-section\" id=\"Formatos-de-archivo\"><\/span>File formats <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>the <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/thumbor.readthedocs.io\/en\/latest\/format.html\">Format<\/a> filter converts images to <code>jpeg<\/code>, <code>webp<\/code>, <code>gif<\/code>or <code>png<\/code>. Note that if you are optimizing performance, you must <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/image-optimization\">use JPEG or WebP<\/a> since PNG and GIF files tend to be significantly larger and don&#039;t compress as well.<\/p>\n<p>Try it now:<\/p>\n<ol>\n<li>Convert the image to WebP. If you open the <strong>Net<\/strong> DevTools panel of the document <strong>Content type response header<\/strong> shows that the server returned a WebP image: http:\/\/34.67.235.246:8888\/unsafe\/filters:format(webp)\/https:\/\/web.dev\/backdrop-filter\/hero.jpg<\/li>\n<\/ol>\n<figure class=\"w-figure\">\n  <img alt='use-thumbor11-5687756' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/Use-thumbor11-5687756.jpg' class=\"w-screenshot\"><figcaption>the <code>content-type<\/code> response header displayed in DevTools<\/figcaption><\/figure>\n<h2 id=\"next-steps\"><span class=\"ez-toc-section\" id=\"Proximos-pasos\"><\/span>Next steps <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Try others <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/thumbor.readthedocs.io\/en\/latest\/filters.html\">filters<\/a> and transformations in the <code>hero.jpg<\/code> picture.<\/p>\n<p>If you are proceeding with your own installation of Thumbor, please see the appendix below that explains how and why to use the <code>thumbor.conf<\/code> proceedings.<\/p>\n<h2 id=\"appendix:-thumbor.conf\"><span class=\"ez-toc-section\" id=\"Apendice-thumborconf\"><\/span>Appendix: <code>thumbor.conf<\/code> <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Many of the configuration options discussed in this post, plus many others, can be set as default by configuring and using a <code>thumbor.conf<\/code> configuration file. Configuration in the <code>thumbor.conf<\/code> The file will apply to all images unless the URL string parameters override it.<\/p>\n<ol>\n<li>\n<p>Run the <code>thumbor-config<\/code> command to create a new <code>thumbor.conf<\/code> proceedings.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\">thumbor-config <span class=\"token operator\">&gt;<\/span> .\/thumbor.conf<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<li>\n<p>Open your new <code>thumbor.conf<\/code> proceedings. the <code>thumbor-config<\/code> The command generated a file that lists and explains all of the Thumbor configuration options.<\/p>\n<\/li>\n<li>\n<p>Configure the settings by uncommenting the lines and changing the default values. You may find it useful to make the following settings:<\/p>\n<p> <!-- lint disable no-inline-padding --><\/p>\n<ul>\n<li><code>QUALITY<\/code><\/li>\n<li><code>AUTO_WEBP<\/code><\/li>\n<li><code>MAX_WIDTH<\/code>  and <code>MAX_HEIGHT<\/code><\/li>\n<li><code>ALLOW_ANIMATED_GIFS<\/code><\/li>\n<\/ul>\n<\/li>\n<li>\n<p>Run Thumbor with the <code>--conf<\/code> flag to use your <code>thumbor.conf<\/code> settings.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\">thumbor --conf \/path\/to\/thumbor.conf<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<\/ol>\n<p>    <web-feedback additional-questions=\"\"><\/web-feedback>\n  <\/div>","protected":false},"excerpt":{"rendered":"<p>Thumbor se puede utilizar de forma gratuita para cambiar el tama\u00f1o, comprimir y transformar im\u00e1genes a pedido. 23 de septiembre de 2019 Thumbor es un CDN de im\u00e1genes de c\u00f3digo&#8230;<\/p>","protected":false},"author":1,"featured_media":83300,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-83299","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Optimizar im\u00e1genes con Thumbor - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Thumbor se puede utilizar de forma gratuita para cambiar el tama\u00f1o, comprimir y transformar im\u00e1genes a pedido. 23 de septiembre de 2019 Thumbor es un CDN\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/bilder-mit-daumen-optimieren\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimizar im\u00e1genes con Thumbor\" \/>\n<meta property=\"og:description\" content=\"Thumbor se puede utilizar de forma gratuita para cambiar el tama\u00f1o, comprimir y transformar im\u00e1genes a pedido. 23 de septiembre de 2019 Thumbor es un CDN\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/dev\/bilder-mit-daumen-optimieren\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-09T02:05:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-4192614.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"801\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Optimizar im\u00e1genes con Thumbor\",\"datePublished\":\"2022-09-09T02:05:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/\"},\"wordCount\":1293,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-4192614.jpg\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/\",\"name\":\"Optimizar im\u00e1genes con Thumbor - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-4192614.jpg\",\"datePublished\":\"2022-09-09T02:05:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Thumbor se puede utilizar de forma gratuita para cambiar el tama\u00f1o, comprimir y transformar im\u00e1genes a pedido. 23 de septiembre de 2019 Thumbor es un CDN\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/bilder-mit-daumen-optimieren\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-4192614.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-4192614.jpg\",\"width\":1200,\"height\":801,\"caption\":\"hero-4192614-8597059-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Optimize images with Thumbor - R Marketing Digital","description":"Thumbor can be used for free to resize, compress and transform images on demand. Sep 23, 2019 Thumbor is a CDN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/en\/dev\/bilder-mit-daumen-optimieren\/","og_locale":"en_US","og_type":"article","og_title":"Optimizar im\u00e1genes con Thumbor","og_description":"Thumbor se puede utilizar de forma gratuita para cambiar el tama\u00f1o, comprimir y transformar im\u00e1genes a pedido. 23 de septiembre de 2019 Thumbor es un CDN","og_url":"https:\/\/rmarketingdigital.com\/en\/dev\/bilder-mit-daumen-optimieren\/","og_site_name":"R Marketing Digital","article_published_time":"2022-09-09T02:05:11+00:00","og_image":[{"width":1200,"height":801,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-4192614.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Optimizar im\u00e1genes con Thumbor","datePublished":"2022-09-09T02:05:11+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/"},"wordCount":1293,"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-4192614.jpg","articleSection":["Dev"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/","url":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/","name":"Optimize images with Thumbor - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-4192614.jpg","datePublished":"2022-09-09T02:05:11+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Thumbor can be used for free to resize, compress and transform images on demand. Sep 23, 2019 Thumbor is a CDN","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/bilder-mit-daumen-optimieren\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-4192614.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-4192614.jpg","width":1200,"height":801,"caption":"hero-4192614-8597059-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/83299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=83299"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/83299\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/83300"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=83299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=83299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=83299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}