Download Template Plus UI + mode Translate v3

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai cara membuat tools convert image ke webp di blogger

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Apa itu Webp

Apa itu webp? secara umum WebP adalah format gambar digital yang dikembangkan oleh Google. Format ini dirancang untuk memberikan kualitas gambar yang tinggi dengan ukuran file yang lebih kecil dibandingkan dengan format gambar lainnya seperti JPEG dan PNG. WebP menggunakan teknologi kompresi yang lebih efisien sehingga dapat mempercepat waktu loading halaman web dan menghemat penggunaan bandwidth. Format gambar WebP umumnya digunakan untuk gambar web, grafis, dan animasi.

Di dalam artikel ini admin akan menjelaskan mengenai cara membuat tools convert image to webp di blogger, khusus kamu pengguna blogger kamu bisa menggunakan tools convert image ke webp ini secara gratis tanpa harus bisa bahasa koding

Contoh Tampilan

Jika kamu penasaran dengan bagaimanakah contoh tampilan dari tools convert image to webp di blogger silahkan periksa menggunakan tombol di bawah ini yak

Periksa

Info: Tersedia juga contoh tampilan di halaman statis silahkan periksa disini

Cara pembuatan

Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjabarkan mengenai bagaimana caranya membuat tools convert image ke webp di blogger, silahkan baca dan ikuti setiap arahan yang bakal admin jelaskan di bawah ini

1. Silahkan login ke blogger menggunakan akun google milikmu
2. Kemudian pergi ke menu Halaman atau Page kemudian buat halaman baru
3. Langkah selanjutnya tambahkan judul Convert image to webp atau terserah kamu aja
4. Jika sudah silahkan salin seluruh kode pembuat tool convert image to webp di blogger berikut ini, dan tempelkan di dalam halaman yang kamu buat sebelumnya

<div class="rahWebp">
<p>Convert Image to webp</p>
<input class='rahWebpInput' accept="image/*" multiple="" type="file"/>
</div>
<div id="rahWebpImg"></div>
<script>/*<![CDATA[*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('4 2=q;(3(a,b){4 k=q,I=a();2Y(!![]){2Z{4 1v=-m(k(30))/(31+32+-33)*(-m(k(34))/(-1w*1x+-35*-1y+-36))+-m(k(37))/(-38*o+-1x*39+3a)*(-m(k(3b))/(-3c+-3d*1z+3e*U))+m(k(3f))/(-3g*1A+3h+-3i)+-m(k(3j))/(-3k+3l+-1z*3m)*(-m(k(3n))/(-3o*o+3p+-3q*3r))+-m(k(3s))/(-3t*-o+3u+o*-3v)+-m(k(3w))/(3x+-3y*-o+-3z)+-m(k(3A))/(-3B*-3C+-3D*1B+-3E);1C(1v===b)3F;3G I[\'1D\'](I[\'1E\']())}3H(3I){I[\'1D\'](I[\'1E\']())}}}(J,-3J+-3K+3L*o));4 V=u[2(K)+2(L)](2(3M));V[2(3N)]=2(3O),V[2(3P)+\'t\']=2(3Q)+2(3R)+2(3S)+2(3T)+2(3U)+2(3V)+2(3W)+2(3X)+2(3Y)+2(3Z)+2(40)+2(41)+2(42)+2(43)+2(44)+2(45)+2(46)+2(47)+2(48)+2(49)+2(4a)+2(4b)+2(4c)+2(4d)+2(4e)+2(4f)+2(4g)+2(1F)+2(4h)+2(4i)+2(4j)+2(4k)+2(1B)+2(4l)+2(4m)+2(4n)+2(4o)+2(4q)+2(1G)+2(4r)+2(4s)+2(4t)+2(4u)+2(4v)+2(4w)+2(4x)+2(4y)+2(1y)+2(4z)+2(4A)+2(4B)+2(4C)+2(4D)+2(4E)+2(4F)+2(1F)+2(4G)+2(4H)+2(4I)+2(4J)+2(4K)+2(4L)+2(4M)+2(4N)+2(4O)+2(4P)+2(4Q)+2(4R)+2(4S)+2(4T)+2(4U)+2(4V)+2(4W)+2(4X)+2(4Y)+2(4Z)+2(50)+2(51)+2(52)+2(53)+2(54)+2(55)+2(56)+2(57)+2(58)+2(59)+2(5a)+2(5b)+2(5c)+2(5d)+2(5e)+2(5f)+2(5g)+2(5h)+2(5i)+2(5j)+2(5k)+2(5l)+2(5m)+2(5n)+(2(5o)+2(5p)+2(5q)+2(5r)+2(5s)),u[2(5t)][2(M)+\'d\'](V);v D={};D[2(1H)+2(1I)]=u[2(1J)+2(1K)](2(1G)+\'g\'),D[2(W)+\'X\']=u[2(1J)+2(1K)](2(5u)+2(5v));3 1L(a){4 l=2,16={\'1M\':l(5w),\'1N\':l(5x)};v Y=u[l(K)+l(L)](16[l(5y)]),1O=u[l(K)+l(L)](16[l(5z)]);5 Y[l(M)+\'d\'](1O),a[l(M)+\'d\'](Y),Y}3 q(c,d){4 1P=J();5 q=3(a,b){a=a-(5A+5B+-5C*o);v 1Q=1P[a];5 1Q},q(c,d)}3 1R(f){4 6=2,j={\'1S\':3(a,b){5 a(b)},\'1T\':6(1w),\'1U\':6(5D),\'1V\':6(5E),\'1W\':6(1X),\'1Y\':6(5F),\'1Z\':6(5G),\'20\':3(a,b){5 a(b)}};1C(!f)5;5H[6(5I)](f);v 17=j[6(5J)](1L,D[6(1H)+6(1I)]);N 18(3(a,b){4 A=6;v Z=N 21();Z[A(F)+A(G)](j[A(22)],3(){4 23=A;j[23(19)](a,Z)}),Z[A(1X)]=24[A(25)+A(26)](f)})[6(1a)](3(e){4 10=6,11={\'27\':3(a,b){4 28=q;5 j[28(19)](a,b)},\'29\':j[10(5K)],\'2a\':j[10(5L)]};5 N 18(3(c,d){4 9=10,2b={\'2c\':3(a,b){4 2e=q;5 11[2e(5M)](a,b)}};v O=u[9(K)+9(L)](11[9(5N)]),2f=O[9(5O)](\'2d\');O[9(2g)]=e[9(2g)],O[9(2h)]=e[9(2h)],2f[9(5P)](e,-5Q+5R*o+5S,-5T+-o*-5U+-5V*o),O[9(5W)](3(a){4 12=9;2b[12(5X)](c,24[12(25)+12(26)](a))},11[9(5Y)])})})[6(1a)](3(c){4 2i={\'2j\':3(a,b){4 2k=q;5 j[2k(19)](a,b)}};5 N 18(3(a,b){4 E=q;v 13=N 21();13[E(F)+E(G)](j[E(22)],3(){4 2l=E;2i[2l(5Z)](a,{\'2m\':c,\'2n\':13})}),13[E(U)+\'1b\'](j[E(61)],c)})})[6(1a)](3(a){4 7=6;v P=u[7(K)+7(L)](\'a\');P[7(U)+\'1b\'](j[7(62)],a[7(63)]),P[7(U)+\'1b\'](j[7(64)],f[7(65)]+7(1A)),P[7(M)+\'d\'](a[7(66)]),17[7(67)]=\'\',17[7(M)+\'d\'](P)})}3 1c(c){4 2o=2,2p={\'2q\':3(a,b){5 a(b)}};68(v 2r 69 c){2p[2o(6a)](1R,2r)}}3 J(){4 2s=[\'!2t\',\'6b\\Q\\6c\',\'1T\',\'1d-6d\',\'6e:6f\',\'0.76);2u\',\'6g\',\'1M\',\'1S\',\'1e{6h\',\'6i}.6j\',\'-14;\\6k\',\'2t;\',\'6l\',\'x-1f:1\',\'6m\',\'d\\B.1g\\6n;d\',\'t:6o;6p\',\'2q\',\'6q\',\'0,0,0,0.76\',\'2j\',\'.1g\',\'6r;1h\',\'6s;1i:1\',\'%}.2v\',\'6t\',\'6u\',\'t:\\6v\',\'=6w]\',\'6x\',\'#2w;2x\',\'6y\',\'6z\',\'6A\',\'n:6B\',\'6C\',\'2y\\B>\\1j{h\',\'1e;1k\',\'6D:#6E;\',\'d-1l:#f\',\'1i\',\'1Z\',\'2m\',\'6F;1k\',\'6G-2z:\',\'6H\',\'6I:6J\',\'-6K:1;p\',\'2A\',\':0;6L\',\'\\B#2w;z\',\'6M\',\'6N;6O\',\'}#6P\',\'{6Q-6R\',\'6S:\\6T\',\';6U\',\'6V\',\'6W\',\'0}#2v\',\'6X{1f\',\':0;6Y\',\'6Z(0,0,0,\',\'1m-1d:\',\'27\',\'70/1g\',\'2B;71:0\',\'2n\',\'x;1l:#f\',\'s:15;}\',\'72\\73{74\',\'2a\',\'r;75:\',\'77;w\',\'x\\Q\\2C\',\'1V\',\'15;78\',\'29\',\'2D\',\'#79\',\'-2z:2E\',\'0;7a:\',\'\\7b;2x\',\'2F\\7c\',\'2B:15;\',\'1n\',\';7d:0;7e\',\'-2G:4p\',\':0!7f\',\'x:1\\7g\\7h\',\'1N\',\'7i:\\7j\',\'7k\',\'1W\',\'7l\',\'7m\',\'2H%;\\7n\',\'7o\',\'1m-2I\',\'7p\',\'1h-7q:\',\'2J:2F\\B\',\'y-7r:\',\'2K;1k:\',\'14;1d\',\'7s\',\'1e;7t\',\'7u;7v\',\'g\\B>\\1j:7w\',\'7x\',\'2K;7y\',\'2L\',\'7z\',\'2M\',\'7A-7B\',\'\\7C{\',\'2y\\B>\\1j\\B>\',\'7D;1h-7E\',\'2N\',\'7F\',\'7G-1l:\',\';14-7H\',\'7I:\\7J\',\':\\Q\\Q\\B\',\'7K\',\'1o\',\'15;7L\',\'7M-2G\',\'7N\',\':0;7O\',\'2J:2O\',\':7P\\7Q\',\'7R\',\'2H%!7S\',\'1i:\\7T\',\');-2P-\',\'1f\',\'7U\',\'7V:14\',\'7W\',\'7X/7Y\',\'2Q\',\'7Z:80\',\'81\',\'2O;82\',\'-83:60\',\'84:85;\',\'2R\',\'1Y\',\'\\2C}\',\'2c\',\'86:87;\',\'88\',\'89\',\'8a\',\'8b:1p%!\',\'8c:1p%!i\',\'.8d\',\'1q\',\'2I:\\8e\',\'8f\',\'8g\',\'8h\',\'-2P-8i\',\'20\',\'8j\',\'8k[2Q\',\'8l\',\'8m\',\'8n\',\'8o:8p\',\'8q\',\'8r\\8s{8t\',\'\\Q\\8u(\',\'8v\',\'8w\',\'8x\',\'8y\',\':1p%;2u\',\'1U\',\':8z;1m-\',\'x-8A:2E\',\'8B\',\'8C;8D-8E\',\'8F\',\'8G\',\'8H\',\'8I\'];J=3(){5 2s};5 J()}3 2S(){4 H=2,2T={\'2A\':3(a,b){5 a(b)}};2T[H(8J)](1c,D[H(W)+\'X\'][H(2U)]),D[H(W)+\'X\'][H(8K)]=\'\'}D[2(W)+\'X\'][2(F)+2(G)](2(8L),2S);3 1q(a){4 R=2;a[R(1r)+R(1s)](),a[R(1t)+R(1u)]()}3 1o(a){4 S=2;a[S(1r)+S(1s)](),a[S(1t)+S(1u)]()}3 1n(c,d){4 C=2,2V={\'2M\':3(a,b){5 a(b)}};d[C(1r)+C(1s)](),d[C(1t)+C(1u)](),2V[C(8M)](c,d[C(8N)+\'8O\'][C(2U)])}3 2W(d,e){4 8=2,T={\'2N\':3(a,b,c){5 a(b,c)},\'2D\':8(8P),\'2R\':8(8Q),\'2L\':8(8R)};d[8(F)+8(G)](T[8(8S)],1q,![]),d[8(F)+8(G)](T[8(8T)],1o,![]),d[8(F)+8(G)](T[8(8U)],3(a){4 2X=8;T[2X(8V)](1n,e,a)},![])}2W(u[2(8W)+2(8X)],1c);',62,556,'||_0x1acbca|function|const|return|_0x5e7ef1|_0xfe0f16|_0x52c252|_0x5c9566||||||||||_0x4a3b6c|_0x3fe880|_0x4caaf0|parseInt||0x1||_0x1af8||||document|let|||||_0x34735c|x20|_0x588119|refs|_0x1c8514|0xef|0xfe|_0x2f2cbc|_0x2354f2|_0x1228|0x11c|0x138|0xcb|new|_0x40c3e4|_0x156e08|x200px|_0x227158|_0x3dfdb6|_0x18f173|0x9d|rahJspop|0xca|or|_0x430b59|_0xde05bd|_0xbc1362|_0x3755e7|_0x549d49|_0x5947bc|flex|center|_0x43dc23|_0xde034f|Promise|0x98|0x11a|te|processFiles|align|ter|height|webp|font|width|x20div|border|color|box|drop|dragover|100|dragenter|0x115|0xb0|0x14c|0x141|_0x3f491d|0x142|0x4|0x121|0x2|0xa6|0xec|if|push|shift|0xc6|0xe0|0xbe|0xaa|0x133|0x14a|addImageBox|LGrKx|cddFl|_0x1a7954|_0x3271ec|_0x399291|processFile|KzsIe|QgtWG|hLRJZ|uHNkm|lVOtn|0xfa|YiGAT|YSpFL|KjodT|Image|0x92|_0x4a5ad0|URL|0x140|0x13f|GzMdK|_0x3164a4|nvnxN|qPLnW|_0x3b3864|uaWxm||_0x50f5cf|_0xa6e30e|0xb9|0x119|_0x3f34db|JcRbD|_0xa9e09a|_0x3e94e0|imageURL|scaledImg|_0x166402|_0x3e3f8d|ArnPg|_0x7f1336|_0x3f7dba|important|left|rahWebp|353535|pa|mg|items|rKyxd|nt|x2025px|GMGyZ|cen|2px|radius|00|shadow|dding|ff|uytHj|bKMri|tssOi|10px|webkit|type|TlvYs|fileSelectorChanged|_0x4135b3|0x136|_0x5a7ae6|setDragDrop|_0x2d654b|while|try|0xed|0x490|0xcae|0x113d|0x9f|0x14|0x118a|0xa3|0x2bb|0x5cb|0x19ea|0x14b|0x827|0xe9f|0x3d|0x13a|0x6|0x1134|0xd4b|0xab|0x21bf|0x247d|0x15c|0xf4|0x4aa|0x20b1|0x400|0x7|0x111|0x71f|0x115a|0x1871|0x96|0x668|0x1bf8|0x2257|0x101|0x7d|0x2b|0x8|0xd95|break|else|catch|_0x1501b5|0x92d23|0x12dbf|0x102845|0x132|0x11e|0x11d|0x147|0x12e|0xcd|0x143|0x112|0xce|0xc2|0xb3|0xe7|0x94|0xd9|0xcc|0xd7|0x9e|0x116|0x148|0x12d|0xda|0x12c|0x9c|0xf3|0x10c|0x14e|0xcf|0x95|0xe9|0xd3|0x14d|0xb5|0x10b|0xa8|0xf1|0x9b|0x103|0xe5|0x93||0xd6|0xfd|0x99|0xac|0xa0|0xbf|0x106|0x128|0xf5|0xc8|0xbc|0x114|0xe3|0xf6|0xc5|0xb7|0x105|0x104|0x117|0xa9|0xc7|0xa1|0x11b|0x10a|0x123|0x134|0x146|0xfb|0xf7|0xdd|0x110|0x145|0x130|0xdb|0x13e|0xa4|0x118|0xd0|0xfc|0xbd|0x10f|0xea|0xc9|0xb8|0xf8|0xe4|0xc3|0xc0|0x13b|0x9a|0x13d|0x11f|0xa7|0x122|0xe2|0xf9|0xe1|0xb6|0xe8|0xd5|0xff|0x109|0xaf|0x113|0x126|0x13c|0x137|0xad|0x12b|0x108|0x97|0xeb|0x1b09|0x1aa5|0x351c|0x129|0xd2|0xc4|0xb1|console|0xae|0x135|0x144|0xdc|0xd1|0xde|0xb4|0x139|0xced|0x7a3|0x54a|0x1ef5|0x2149|0x254|0xf2|0x127|0xd8|0xa5||0xee|0x125|0xbb|0xba|0x149|0xd4|0x120|for|of|0xa2|25px|x20r|item|sor|pointe|417015RichFu|conten|lative|ra|x20jus|setAttribu|6472YZZZzr|x27|300px|di|93675utnwTO|ative|px|ews|6HcJLlj|x27Downloa|file|log|ation|download|documentEl|absolute|getContext|ound|fff|ute|ign|imagePrevi|isplay|blo|index|positio|href|9px|backgr|rahWebpI|min|heigh|ion|x20absol|backgroun|fileSelect|appendChil|put|opacity|gba|image|right|Img|x20img|ma|padding||mportant|bor|rahWebpIm|display|x20silver|x20dashed|top|cur|importa|x201|x20auto|ay|x20inline|157VPBoBB|addEventLi|dataTransf|x20displ|toBlob|4953557TnwcPS|size|content|src|justif|stretch|al|af|stener|backgro|11437580fuhJIJ|tify|conte|x20progress|ck|we|progress|und|dire|eight|x20240|ement|fle|der|3153280bCGKBh|outline|1px|x20solid|stopPropag|import|x20100|then|splay|createElem|text|css|sition|rel|innerHTML|posit|weight|ction|row|ight|bold|canvas|value|div|idth|dth|rahWebpIn|x200p|change|style|querySelec|bo|files|input|ent|drawImage|1558295BetwOd|osition|re|head|hWebp|x20p|po|x20rgba|ctURL|createObje|ault|load|12px|pack|textConten|ant|max|wi|name|tor|56rUVwBu|preventDef|0xc1|0x12a|0x131|0x102|0xf0|er|0x12f|0x10e|0xe6|0xdf|0x124|0x100|0x107|0xb2|0x10d'.split('|'),0,{}))
/*]]>*/</script>

5. Kemudian publish halaman dan lihat bagaimana hasilnya

Convert Image to webp