{"id":21979,"date":"2020-04-07T13:03:13","date_gmt":"2020-04-07T13:03:13","guid":{"rendered":"http:\/\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video"},"modified":"2024-05-29T16:43:05","modified_gmt":"2024-05-29T23:43:05","slug":"introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video","title":{"rendered":"Introducing Cloudinary\u2019s WordPress Plugin for Dynamic Images and Video"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><link href=\"https:\/\/unpkg.com\/cloudinary-video-player@1.2.1\/dist\/cld-video-player.min.css\" \n   rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/cloudinary-core@2.6.3\/cloudinary-core-shrinkwrap.min.js\" \n   type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/unpkg.com\/cloudinary-video-player@1.2.1\/dist\/cld-video-player.min.js\" \n   type=\"text\/javascript\"><\/script>\n<p>WordPress powers 34% of the internet and represents 60% of all CMS-built sites. From small blogs to large enterprise websites, WordPress is a popular choice for publishers and companies of all kinds. Media management within WordPress is an important component and one that, when done right, can significantly boost user engagement and overall <a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_for_websites_beautiful_pages_that_load_quickly\">site performance<\/a>.<\/p>\n<p>The enhanced <a href=\"https:\/\/wordpress.org\/plugins\/cloudinary-image-management-and-manipulation-in-the-cloud-cdn\/\">Cloudinary for WordPress Plugin<\/a> comprises robust features that make it easier than ever to manage and deliver optimized media assets.<\/p>\n<p>With our new plugin, you can:<\/p>\n<ul>\n<li>Easily manage your entire Media Library with Cloudinary and take full advantage of our comprehensive digital asset management (DAM) solution, directly from WordPress.<\/li>\n<li>Fine-tune the transformations and optimizations of your media assets to ensure that the correct customizations are applied at global and taxonomy level.<\/li>\n<li>Generate responsive images through best-in-class logic.<\/li>\n<li>Deliver a highly optimized video experience with Cloudinary\u2019s dynamic video platform.<\/li>\n<\/ul>\n<h2>Media Management Made Easy<\/h2>\n<p>To alleviate the challenges of managing large volumes of media assets with WordPress, the Cloudinary for WordPress Plugin enables you to locate them through Cloudinary DAM\u2019s smart-search capabilities and to organize, select and transform assets without leaving the WordPress UI. Ultimately, you can seamlessly and efficiently transform and optimize assets for fast delivery.<\/p>\n<p>By using Cloudinary\u2019s Media Library to manage assets, users can:<\/p>\n<ul>\n<li>\n<strong>Tag<\/strong>, <strong>categorize<\/strong> and <strong>sort<\/strong> media assets into <strong>folders<\/strong> and <strong>collections<\/strong>, and take advantage of AI auto-tagging to intelligently tag media based on content type.<\/li>\n<li>Utilize <strong>advanced-search<\/strong> to easily find the right assets, and refine searches based on the media type, custom and embedded metadata or specific analytical results extrapolated from the file.<\/li>\n<li>Ensure cross-team collaboration through <strong>comments<\/strong> and <strong>sharing capabilities.<\/strong>\n<\/li>\n<\/ul>\n<p>All of this has been available within the Cloudinary console for a while, but now you access it all, without leaving WordPress. Whenever you want to add media to your site, you can open the Cloudinary Media Library, manage and insert, simple as that.<\/p>\n<h2>Transformations on Every Level<\/h2>\n<p>Transforming and optimizing your assets goes a long way toward making your site look beautiful and load fast. However, for a large volume of assets, you must be able to perform those tasks at scale and fine-tune them for your various use-cases.<\/p>\n<p>With Cloudinary, you can configure transformations at global or taxonomy (category or tag) level. You can also transform an individual asset using the Cloudinary Media Library transformation editor before adding it to your site. Even though all transformations are combined when viewed on the site, you can override them at each level for the desired effect for your media.<\/p>\n<h3>Global Transformations<\/h3>\n<p>With the Cloudinary settings, you can configure global transformations and optimizations for your images, and optionally, different ones for <a href=\"https:\/\/cloudinary.com\/video_api\">videos<\/a>. For example, you can set up quality and compression parameters and those for generating responsive images, ultimately cutting bandwidth and shortening page-load times. You might also want to add a watermark to protect your assets. You can do all that by simply adding global transformation parameters using <a href=\"https:\/\/cloudinary.com\/documentation\/transformation_reference\">Cloudinary\u2019s URL syntax<\/a>.<\/p>\n<p>For the example below, we have-<\/p>\n<ul>\n<li>Enabled responsive breakpoint generation with a maximum of five breakpoints<\/li>\n<li>Configured format and quality to be set automatically<\/li>\n<li>Added the Cloudinary logo in the bottom right corner using the Image Transformation string &#8211; <code>w_0.2,g_south_east,x_5,y_5,l_cloudinary_icon<\/code>.<\/li>\n<\/ul>\n<p>The result is that all image delivery URLs (unless overridden) will contain the following transformation string and a maximum of 5 breakpoints to deliver optimally sized images:<\/p>\n<p><code>l_cloudinary_icon,w_0.2,g_south_east,x_5,y_5\/f_auto,q_auto<\/code><\/p>\n<p>For example:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/w_300\\\/l_cloudinary_icon,w_0.2,g_south_east,x_5,y_5\\\/f_auto,q_auto\\\/flower_bouquet.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;width&quot;:&quot;300&quot;},{&quot;overlay&quot;:&quot;cloudinary_icon&quot;,&quot;width&quot;:&quot;0.2&quot;,&quot;gravity&quot;:&quot;south_east&quot;,&quot;x&quot;:&quot;5&quot;,&quot;y&quot;:&quot;5&quot;},{&quot;format&quot;:&quot;auto&quot;,&quot;quality&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;w_300\\\/l_cloudinary_icon,w_0.2,g_south_east,x_5,y_5\\\/f_auto,q_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;flower_bouquet.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300\/l_cloudinary_icon,w_0.2,g_south_east,x_5,y_5\/f_auto,q_auto\/flower_bouquet.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300\/l_cloudinary_icon,w_0.2,g_south_east,x_5,y_5\/f_auto,q_auto\/flower_bouquet.jpg\" alt=\"Global transformations\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"450\"\/><\/a><\/p>\n<h3>Taxonomy Transformations<\/h3>\n<p>Categorizing or tagging pages and posts is a really great way to organize and control your content, and we think it\u2019s also a great way to control and target your transformations as well. Just like with global transformations, you can add a set of transformations to any category or tag using Cloudinary\u2019s URL syntax. This is a useful way to apply some use-case specific transformations. For example, you might want to tag some recently uploaded images with a <strong>new<\/strong> tag. You could then overlay a \u201cNEW!\u201d text banner to all images with that tag:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_tag3.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_tag3.png\" alt=\"WordPress tag example\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1400\" height=\"1637\"\/><\/a><\/p>\n<p>In another scenario, you might be using WordPress to demonstrate your portfolio of images. Here you could use the taxonomies to identify posts with images that need to be high resolution or to add a watermark if not added globally. In the taxonomy transformation, this time for a category, you could set a custom quality setting and watermark, then override the global default.<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_category.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_category.png\" alt=\"WordPress category example\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1400\" height=\"1760\"\/><\/a><\/p>\n<p>By controlling the transformations at a taxonomy level, you can easily automate your transformations and optimizations, simply by adding a category or tag and controlling whether to overwrite the globally applied transformations.<\/p>\n<h3>Individual Transformations<\/h3>\n<p>Transformations on individual media assets are extremely useful when you have very specific requirements for an image or video. These transformations are not defined using the WordPress UI and instead can be created and inserted using the Cloudinary Media Library.<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_individual.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_individual.png\" alt=\"WordPress tag example\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1400\" height=\"770\"\/><\/a><\/p>\n<p>You may have created a complex transformation that conflicts with transformations set at either taxonomy or global level and therefore you\u2019ll want to override both of those when inserting. This can be done by configuring the asset through the WordPress UI.<\/p>\n<div style=\"text-align:center;\">\n<span style=\"display:inline-block;vertical-align:top; margin-right:50px;\">\n<img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_1000,f_auto,q_auto:best\/docs\/Classic\" alt=\"Classic individual level transformations\" title=\"Classic individual level transformations\" style=\"margin-right: 10px;display:block; height: 200px;\" \/>\n<b style=\"margin-right: 10px;display:block;\">Classic<\/b>\n<\/span>\n<span style=\"display:inline-block;vertical-align:top;\">\n<img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_1000,f_auto,q_auto:best\/docs\/Gutenberg\" alt=\"Gutenberg individual level transformations\" title=\"Gutenberg individual level transformations\" style=\"margin-right: 10px;display:block; height: 200px;\" \/>\n<b style=\"margin-right: 10px;display:block;\">Gutenberg<\/b>\n<\/span>\n<\/div>\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<h2>Dynamic Video for a Dynamic Platform<\/h2>\n<p>Video is a major part of all websites today and WordPress sites are no exception. With WordPress\u2019 out-of-the-box video solution, you can <a href=\"https:\/\/cloudinary.com\/guides\/wordpress-plugin\/how-to-upload-videos-to-wordpress\">upload and deliver videos<\/a> on your site. Cloudinary\u2019s WordPress plugin enables you to further enhance the presentation by leveraging Cloudinary\u2019s Dynamic Video Platform with its intelligent automatic transformations and optimization capabilities, ultimately delivering it all through Cloudinary\u2019s feature-rich video player.<\/p>\n<p>On Cloudinary\u2019s Dynamic Video Platform, it\u2019s really easy to limit your bitrate and also apply watermarks to videos, as you would do with images. See this example:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_video.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/wordpress_video.png\" alt=\"WordPress Video\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"1400\" height=\"926\"\/><\/a><\/p>\n<p>Additionally, you can tailor a video experience with several unique features on Cloudinary\u2019s video player. For example, you can configure your videos to autoplay or loop, and to display the controls to your users or hide them. For a slick and compelling user experience on eCommerce sites, for example, you might choose to autoplay, loop and hide the controls of product videos. Here\u2019s an example:<\/p>\n<p><video\nid=\"autoplay-demo\"\nautoplay\nmuted\nloop\nclass=\"cld-video-player cld-video-player-skin-dark\"\ndata-cld-public-id=\"unicorn_mug\">\n<\/video><\/p>\n<script>\nvar cld = cloudinary.Cloudinary.new({ cloud_name: \"demo\", secure: true});\n\nvar demoplayer = cld.videoPlayer('autoplay-demo', {\n        transformation: { width: 500, crop: 'limit' }});\n\n<\/script>\n<h2>Wrapping up<\/h2>\n<p>The enhanced Cloudinary\u2019s WordPress for Plugin offers many superior Cloudinary features, all accessible and usable within WordPress. From full DAM functionality to advanced transformations to our Dynamic Video Platform, it\u2019s a breeze to get the best out of media on WordPress. Go ahead and install the latest version from the WordPress plugin library. To get started, link your Cloudinary account. If you don\u2019t have one yet, <a href=\"https:\/\/cloudinary.com\/users\/register\/free\">sign up now<\/a> for free. For further reference, <a href=\"https:\/\/cloudinary.com\/documentation\/wordpress_integration\">check out our documentation<\/a> on the WordPress plugin.<\/p>\n<hr \/>\n<h2>Want to Learn More About Image Optimization?<\/h2>\n<ul>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_for_websites_beautiful_pages_that_load_quickly\"><strong>Image Optimization for Websites: Beautiful Pages That Load Quickly<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_in_php\"><strong>PHP Image Compression, Resize, and Optimization<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_optimization_in_python\"><strong>Python Image Optimization and Transformation<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/evolution_of_img_gif_without_the_gif\"><strong>Evolution of <img>: Gif without the GIF<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/top_10_mistakes_in_handling_website_images_and_how_to_solve_them\"><strong>Top 10 Mistakes in Handling Website Images and How to Solve Them<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/image_loading_reloaded\"><strong>Three Popular and Efficient Ways for Loading Images<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/delivering_all_your_websites_images_through_a_cdn\"><strong>CDN for Images: Optimize and Deliver Images Faster<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/the_holy_grail_of_image_optimization_or_balancing_visual_quality_and_file_size\"><strong>Compress an Image Automatically Without Losing Quality<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/adaptive_browser_based_image_format_delivery\"><strong>Automatically Reduce Image Size Without Losing Quality<\/strong><\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/how_to_automatically_adapt_website_images_to_retina_and_hidpi_devices\"><strong>How to Automatically Adapt Website Images to Retina and HiDPI Devices<\/strong><\/a>\n<\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":21980,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[25,165,251,305],"class_list":["post-21979","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-asset-management","tag-image-transformation","tag-responsive-images","tag-video-api"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cloudinary for WordPress Plugin for Images and Video<\/title>\n<meta name=\"description\" content=\"The Cloudinary enhanced WordPress plugin automatically optimizes images and videos, responsively delivering to all devices, with reduced page-load times.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Cloudinary\u2019s WordPress Plugin for Dynamic Images and Video\" \/>\n<meta property=\"og:description\" content=\"The Cloudinary enhanced WordPress plugin automatically optimizes images and videos, responsively delivering to all devices, with reduced page-load times.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-07T13:03:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-29T23:43:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Introducing Cloudinary\u2019s WordPress Plugin for Dynamic Images and Video\",\"datePublished\":\"2020-04-07T13:03:13+00:00\",\"dateModified\":\"2024-05-29T23:43:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA\",\"keywords\":[\"Asset Management\",\"Image Transformation\",\"Responsive Images\",\"Video API\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video\",\"url\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video\",\"name\":\"Cloudinary for WordPress Plugin for Images and Video\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA\",\"datePublished\":\"2020-04-07T13:03:13+00:00\",\"dateModified\":\"2024-05-29T23:43:05+00:00\",\"description\":\"The Cloudinary enhanced WordPress plugin automatically optimizes images and videos, responsively delivering to all devices, with reduced page-load times.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing Cloudinary\u2019s WordPress Plugin for Dynamic Images and Video\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cloudinary for WordPress Plugin for Images and Video","description":"The Cloudinary enhanced WordPress plugin automatically optimizes images and videos, responsively delivering to all devices, with reduced page-load times.","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:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video","og_locale":"en_US","og_type":"article","og_title":"Introducing Cloudinary\u2019s WordPress Plugin for Dynamic Images and Video","og_description":"The Cloudinary enhanced WordPress plugin automatically optimizes images and videos, responsively delivering to all devices, with reduced page-load times.","og_url":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video","og_site_name":"Cloudinary Blog","article_published_time":"2020-04-07T13:03:13+00:00","article_modified_time":"2024-05-29T23:43:05+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b-jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video"},"author":{"name":"","@id":""},"headline":"Introducing Cloudinary\u2019s WordPress Plugin for Dynamic Images and Video","datePublished":"2020-04-07T13:03:13+00:00","dateModified":"2024-05-29T23:43:05+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video"},"wordCount":10,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA","keywords":["Asset Management","Image Transformation","Responsive Images","Video API"],"inLanguage":"en-US","copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video","url":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video","name":"Cloudinary for WordPress Plugin for Images and Video","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA","datePublished":"2020-04-07T13:03:13+00:00","dateModified":"2024-05-29T23:43:05+00:00","description":"The Cloudinary enhanced WordPress plugin automatically optimizes images and videos, responsively delivering to all devices, with reduced page-load times.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloudinary_s_wordpress_plugin_for_dynamic_images_and_video#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing Cloudinary\u2019s WordPress Plugin for Dynamic Images and Video"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649731463\/Web_Assets\/blog\/WordPress-Plugin_219801455b\/WordPress-Plugin_219801455b.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21979"}],"version-history":[{"count":3,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21979\/revisions"}],"predecessor-version":[{"id":34136,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21979\/revisions\/34136"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21980"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}