<img src=”img\/myAwesomeWebPImage.webp” alt=”WebP rules.” \/><\/strong><\/p>\nThis will work great, but only for browsers that support it.<\/p>\n
So what is the solution for the non-compatible browser or what we do that’s browsers are not supported to webp image format.
\nwe use,<\/p>\n
HTML Code,
\n<picture> <\/strong>
\n<source srcset=”img\/my.webp” type=”image\/webp”> <\/strong>
\n<source srcset=”img\/my.jpg” type=”image\/jpeg”> <\/strong>
\n<img src=”img\/my.jpg” alt=”my”><\/strong>
\n<\/picture><\/strong><\/p>\nit will work in every single browser, not just those that support the\u00a0\u00a0element.\u00a0The reason for this is that browsers that don’t support\u00a0<\/picture>\u00a0will just display whatever source is specified in the\u00a0![]()
tag.<\/picture>\nHow to use the webp image as a background image or CSS?<\/h2>\n
It made more complex when you need to use WebP images in CSS or set webp image as background.
\nWhen you add this custom build to your website via the\u00a0<script>\u00a0tag, it will automatically add one of two classes to the\u00a0<html>\u00a0element:<\/p>\n
\n
\n- The\u00a0webp\u00a0class is added when the browser supports WebP.<\/li>\n
- The\u00a0no-webp\u00a0class is added when the browser\u00a0doesn’t<\/em>\u00a0support WebP.<\/li>\n<\/ol>\n
CSS<\/p>\n
.no-webp .elementWithBackgroundImage {<\/p>\n
background-image: url(“image.jpg”);<\/p>\n
}<\/p>\n
.webp .elementWithBackgroundImage{<\/p>\n
background-image: url(“image.webp”);<\/p>\n
}<\/p>\n<\/div>\n
Script Include when use webp as CSS file.<\/h2>\n\n
Web Script<\/strong><\/p>\n<script><\/p>\n
\/*! modernizr 3.6.0 (Custom Build) | MIT *<\/p>\n
* https:\/\/modernizr.com\/download\/?-webp-setclasses !*\/<\/p>\n
!function(e,n,A){function o(e,n){return typeof e===n}function t(){var e,n,A,t,a,i,l;for(var f in r)if(r.hasOwnProperty(f)){if(e=[],n=r[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(A=0;A<n.options.aliases.length;A++)e.push(n.options.aliases[A].toLowerCase());for(t=o(n.fn,”function”)?n.fn():n.fn,a=0;a<e.length;a++)i=e[a],l=i.split(“.”),1===l.length?Modernizr[l[0]]=t:(!Modernizr[l[0]]||Modernizr[l[0]]instanceof Boolean||(Modernizr[l[0]]=new Boolean(Modernizr[l[0]])),Modernizr[l[0]][l[1]]=t),s.push((t?””:”no-“)+l.join(“-“))}}function a(e){var n=u.className,A=Modernizr._config.classPrefix||””;if(c&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp(“(^|\\\\s)”+A+”no-js(\\\\s|$)”);n=n.replace(o,”$1″+A+”js$2″)}Modernizr._config.enableClasses&&(n+=” “+A+e.join(” “+A),c?u.className.baseVal=n:u.className=n)}function i(e,n){if(“object”==typeof e)for(var A in e)f(e,A)&&i(A,e[A]);else{e=e.toLowerCase();var o=e.split(“.”),t=Modernizr[o[0]];if(2==o.length&&(t=t[o[1]]),”undefined”!=typeof t)return Modernizr;n=”function”==typeof n?n():n,1==o.length?Modernizr[o[0]]=n:(!Modernizr[o[0]]||Modernizr[o[0]]instanceof Boolean||(Modernizr[o[0]]=new Boolean(Modernizr[o[0]])),Modernizr[o[0]][o[1]]=n),a([(n&&0!=n?””:”no-“)+o.join(“-“)]),Modernizr._trigger(e,n)}return Modernizr}var s=[],r=[],l={_version:”3.6.0″,_config:{classPrefix:””,enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var A=this;setTimeout(function(){n(A[e])},0)},addTest:function(e,n,A){r.push({name:e,fn:n,options:A})},addAsyncTest:function(e){r.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=l,Modernizr=new Modernizr;var f,u=n.documentElement,c=”svg”===u.nodeName.toLowerCase();!function(){var e={}.hasOwnProperty;f=o(e,”undefined”)||o(e.call,”undefined”)?function(e,n){return n in e&&o(e.constructor.prototype[n],”undefined”)}:function(n,A){return e.call(n,A)}}(),l._l={},l.on=function(e,n){this._l[e]||(this._l[e]=[]),this._l[e].push(n),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},l._trigger=function(e,n){if(this._l[e]){var A=this._l[e];setTimeout(function(){var e,o;for(e=0;e<A.length;e++)(o=A[e])(n)},0),delete this._l[e]}},Modernizr._q.push(function(){l.addTest=i}),Modernizr.addAsyncTest(function(){function e(e,n,A){function o(n){var o=n&&”load”===n.type?1==t.width:!1,a=”webp”===e;i(e,a&&o?new Boolean(o):o),A&&A(n)}var t=new Image;t.onerror=o,t.onload=o,t.src=n}var n=[{uri:”data:image\/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA\/vuUAAA=”,name:”webp”},{uri:”data:image\/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR\/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++\/1QAA==”,name:”webp.alpha”},{uri:”data:image\/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD\/\/\/\/\/AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI\/gcA”,name:”webp.animation”},{uri:”data:image\/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ\/\/73v\/+BiOh\/AAA=”,name:”webp.lossless”}],A=n.shift();e(A.name,A.uri,function(A){if(A&&”load”===A.type)for(var o=0;o<n.length;o++)e(n[o].name,n[o].uri)})}),t(),a(s),delete l.addTest,delete l.addAsyncTest;for(var p=0;p<Modernizr._q.length;p++)Modernizr._q[p]();e.Modernizr=Modernizr}(window,document);<\/p>\n
<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Webp image format that provides both lossless and compresses images format on the web. Using Webp images, make your web pages faster and decease web pages load time. Webp image […]<\/p>\n","protected":false},"author":1,"featured_media":388,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-390","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"yoast_head":"\n
What is Webp Image Format? Why Use It and How to Use It. - MyFreeOnlineTools<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Webp Image Format? Why Use It and How to Use It. - MyFreeOnlineTools\" \/>\n<meta property=\"og:description\" content=\"Webp image format that provides both lossless and compresses images format on the web. Using Webp images, make your web pages faster and decease web pages load time. Webp image […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/\" \/>\n<meta property=\"og:site_name\" content=\"MyFreeOnlineTools\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-20T16:44:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-20T16:45:23+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"412\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"myfreeonlinetools\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"myfreeonlinetools\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/\"},\"author\":{\"name\":\"myfreeonlinetools\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\"},\"headline\":\"What is Webp Image Format? Why Use It and How to Use It.\",\"datePublished\":\"2019-08-20T16:44:05+00:00\",\"dateModified\":\"2019-08-20T16:45:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/\"},\"wordCount\":1174,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/\",\"name\":\"What is Webp Image Format? Why Use It and How to Use It. - MyFreeOnlineTools\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg\",\"datePublished\":\"2019-08-20T16:44:05+00:00\",\"dateModified\":\"2019-08-20T16:45:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg\",\"width\":720,\"height\":412},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/myfreeonlinetools.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is Webp Image Format? Why Use It and How to Use It.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"name\":\"MyFreeOnlineTools\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\",\"name\":\"MyFreeOnlineTools\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"width\":387,\"height\":79,\"caption\":\"MyFreeOnlineTools\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\",\"name\":\"myfreeonlinetools\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"caption\":\"myfreeonlinetools\"},\"description\":\"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.\",\"sameAs\":[\"https:\/\/myfreeonlinetools.com\/\",\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\",\"https:\/\/www.youtube.com\/learnschoolonline\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Webp Image Format? Why Use It and How to Use It. - MyFreeOnlineTools","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:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/","og_locale":"en_US","og_type":"article","og_title":"What is Webp Image Format? Why Use It and How to Use It. - MyFreeOnlineTools","og_description":"Webp image format that provides both lossless and compresses images format on the web. Using Webp images, make your web pages faster and decease web pages load time. Webp image […]","og_url":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/","og_site_name":"MyFreeOnlineTools","article_author":"https:\/\/www.facebook.com\/LearnSchoolOnline\/","article_published_time":"2019-08-20T16:44:05+00:00","article_modified_time":"2019-08-20T16:45:23+00:00","og_image":[{"width":720,"height":412,"url":"http:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg","type":"image\/jpeg"}],"author":"myfreeonlinetools","twitter_card":"summary_large_image","twitter_misc":{"Written by":"myfreeonlinetools","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#article","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/"},"author":{"name":"myfreeonlinetools","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c"},"headline":"What is Webp Image Format? Why Use It and How to Use It.","datePublished":"2019-08-20T16:44:05+00:00","dateModified":"2019-08-20T16:45:23+00:00","mainEntityOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/"},"wordCount":1174,"commentCount":0,"publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage"},"thumbnailUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg","articleSection":["Blog"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/","url":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/","name":"What is Webp Image Format? Why Use It and How to Use It. - MyFreeOnlineTools","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage"},"thumbnailUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg","datePublished":"2019-08-20T16:44:05+00:00","dateModified":"2019-08-20T16:45:23+00:00","breadcrumb":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#primaryimage","url":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg","contentUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/08\/webp-image.jpg","width":720,"height":412},{"@type":"BreadcrumbList","@id":"https:\/\/myfreeonlinetools.com\/blog\/what-is-webp-image-format-why-use-it-and-how-to-use-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myfreeonlinetools.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is Webp Image Format? Why Use It and How to Use It."}]},{"@type":"WebSite","@id":"https:\/\/myfreeonlinetools.com\/blog\/#website","url":"https:\/\/myfreeonlinetools.com\/blog\/","name":"MyFreeOnlineTools","description":"","publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization","name":"MyFreeOnlineTools","url":"https:\/\/myfreeonlinetools.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","contentUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","width":387,"height":79,"caption":"MyFreeOnlineTools"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c","name":"myfreeonlinetools","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","caption":"myfreeonlinetools"},"description":"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.","sameAs":["https:\/\/myfreeonlinetools.com\/","https:\/\/www.facebook.com\/LearnSchoolOnline\/","https:\/\/www.youtube.com\/learnschoolonline"]}]}},"_links":{"self":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/comments?post=390"}],"version-history":[{"count":0,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/390\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media\/388"}],"wp:attachment":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media?parent=390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/categories?post=390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/tags?post=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"http:\/\/www.codingheroes.in\/blog\/wp-content\/uploads\/2019\/08\/webp-image-300x172.jpg\")
<\/p>\n![\"\"](\"http:\/\/www.codingheroes.in\/blog\/wp-content\/uploads\/2019\/08\/webp-support-capture-300x56.jpg\")
<\/p>\n