Google新标识可能不如所宣称小

上星期Google新标识发布后互联网大吵大闹令我们目光比艺术变换更多是句子Google博客建树全色标识即只有305字节,而我们现有的标识为~14 000字节.听上去令人兴奋正确吗

Google拥有世界最热门网站,连文件小小缩放都意味着大带宽节用(并因此省钱和全局节能)。X46从约13.7KB急剧修改为仅305字节,这听起来太神奇了,所以我们决定看看那些小题.

底线是这些有希望数字可能误导Google网页内的实际标识图像大得多,可大度优化

Google新标识怎么只装305字节完全像SVG文件非PNG文件.原位Gizmodo文章解释贵拉市)新标识使用几圈矩形定义更多细节见:http://gizmodo.com/how-could-googles-new-logo-be-only-305-bytes-while-its-1728793790

Google文章宣布改变标识时提到标识文件尺寸从y14000字节似乎这里有PNG和SVG混合

向量格式老标识只称2.4KB.见:https://upload.wikimedia.org/wikipedia/commons/a/aa/Logo_Google_2013_Official.svg

24KB仍然等同旧标识比新标识大X8,但这一差异与X46减值大相径庭

即使是文件缩放为'just'X8,这仍然令人印象深刻我们决定查查上谷歌访问量最多的网页http://google.com下截图显示

Google显然在主页显示标识PNG文件544x18472x92双像素密度比图像文件重13.3k比允诺305字节标识大

加载代码示例

谷歌Chrome浏览器支持SVG格式Google为何选择以PNG文件提供此图像?

顺便说一句旧标识从SVG转换为544像素宽PNG.

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg', {width: 544, crop: \"scale\", type: \"fetch\"}).toHtml();","codeSnippet":"cloudinary.imageTag('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg', {width: 544, crop: \"scale\", type: \"fetch\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\").image(width=544, crop=\"scale\", type=\"fetch\")","codeSnippet":"CloudinaryImage(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\").image(width=544, crop=\"scale\", type=\"fetch\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg'))\n\t->resize(Resize::scale()->width(544))\n\t->deliveryType(\"fetch\");","codeSnippet":"(new ImageTag('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg'))\n\t->resize(Resize::scale()->width(544))\n\t->deliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\", array(\"width\"=>544, \"crop\"=>\"scale\", \"type\"=>\"fetch\"))","codeSnippet":"cl_image_tag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\", array(\"width\"=>544, \"crop\"=>\"scale\", \"type\"=>\"fetch\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().width(544).crop(\"scale\")).type(\"fetch\").imageTag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(544).crop(\"scale\")).type(\"fetch\").imageTag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\", :width=>544, :crop=>\"scale\", :type=>\"fetch\")","codeSnippet":"cl_image_tag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\", :width=>544, :crop=>\"scale\", :type=>\"fetch\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(544).Crop(\"scale\")).Action(\"fetch\").BuildImageTag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(544).Crop(\"scale\")).Action(\"fetch\").BuildImageTag(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg').transformation(Transformation()\n\t.resize(Resize.scale().width(544))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg').transformation(Transformation()\n\t.resize(Resize.scale().width(544))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setWidth(544).setCrop(\"scale\")).generate(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setWidth(544).setCrop(\"scale\")).generate(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().width(544).crop(\"scale\")).type(\"fetch\").generate(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(544).crop(\"scale\")).type(\"fetch\").generate(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg').transformation(Transformation()\n\t.resize(Resize.scale().width(544))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg').transformation(Transformation()\n\t.resize(Resize.scale().width(544))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\")\n\t resize(Resize.scale() { width(544) })\n\t deliveryType(\"fetch\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\")\n\t resize(Resize.scale() { width(544) })\n\t deliveryType(\"fetch\") \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\", {width: 544, crop: \"scale\", type: \"fetch\"})","codeSnippet":"$.cloudinary.image(\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\", {width: 544, crop: \"scale\", type: \"fetch\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg\"\n)\n .resize(scale().width(544))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/fetch\/w_544\/https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_%282013-2015%29.svg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"fetch","resource_type":"image","transformation":[{"width":"544"}],"transformation_string":"w_544","url_suffix":"","version":"","secure":true,"public_id":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c9\/Google_logo_(2013-2015).svg","extension":"svg","format":"svg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

Google决定不使用SVG格式是因为老浏览器不支持它但也可能有更好的解决办法,如下文所解释。

Google使用PNG24格式提供新标识,称重13.3KB何不使用8位版PNG格式一定有宽度色彩空间

下方即时图像操作 URL创建并交付 PNG-8版标识

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {flags: \"png8\", type: \"fetch\"}).toHtml();","codeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {flags: \"png8\", type: \"fetch\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(flags=\"png8\", type=\"fetch\")","codeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(flags=\"png8\", type=\"fetch\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->addFlag(\n\tFlag::png8())\n\t->deliveryType(\"fetch\");","codeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->addFlag(\n\tFlag::png8())\n\t->deliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"flags\"=>\"png8\", \"type\"=>\"fetch\"))","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"flags\"=>\"png8\", \"type\"=>\"fetch\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().flags(\"png8\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation().flags(\"png8\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :flags=>\"png8\", :type=>\"fetch\")","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :flags=>\"png8\", :type=>\"fetch\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Flags(\"png8\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Flags(\"png8\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.addFlag(\n\tFlag.png8())\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.addFlag(\n\tFlag.png8())\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setFlags(\"png8\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setFlags(\"png8\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().flags(\"png8\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().flags(\"png8\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.addFlag(\n\tFlag.png8())\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.addFlag(\n\tFlag.png8())\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t addFlag(\n\tFlag.png8())\n\t deliveryType(\"fetch\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t addFlag(\n\tFlag.png8())\n\t deliveryType(\"fetch\") \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {flags: \"png8\", type: \"fetch\"})","codeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {flags: \"png8\", type: \"fetch\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .addFlag(\"png8\")\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/fetch\/fl_png8\/https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"fetch","resource_type":"image","transformation":[{"flags":"png8"}],"transformation_string":"fl_png8","url_suffix":"","version":"","secure":true,"public_id":"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

生成图像与原创图像完全相同光九九KB脱机刚存Google32%带宽传递标识

谷歌推广现代WebP图像格式由Google Chrome浏览器支持下动态URL提供标识WebP Chrome浏览器和PNG其他浏览器图像无损WebP看起来完全相同并称重仅11.2kb.表示预留16%对比原PNG图像

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {fetchFormat: \"auto\", type: \"fetch\"}).toHtml();","codeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {fetchFormat: \"auto\", type: \"fetch\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(fetch_format=\"auto\", type=\"fetch\")","codeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(fetch_format=\"auto\", type=\"fetch\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->deliveryType(\"fetch\");","codeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->delivery(Delivery::format(\n\tFormat::auto()))\n\t->deliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"fetch_format\"=>\"auto\", \"type\"=>\"fetch\"))","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"fetch_format\"=>\"auto\", \"type\"=>\"fetch\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().fetchFormat(\"auto\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation().fetchFormat(\"auto\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :fetch_format=>:auto, :type=>\"fetch\")","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :fetch_format=>:auto, :type=>\"fetch\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().FetchFormat(\"auto\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().FetchFormat(\"auto\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setFetchFormat(\"auto\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setFetchFormat(\"auto\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().fetchFormat(\"auto\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().fetchFormat(\"auto\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.delivery(Delivery.format(\n\tFormat.auto()))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t deliveryType(\"fetch\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t delivery(Delivery.format(\n\tFormat.auto()))\n\t deliveryType(\"fetch\") \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {fetch_format: \"auto\", type: \"fetch\"})","codeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {fetch_format: \"auto\", type: \"fetch\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .delivery(format(auto()))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/fetch\/f_auto\/https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"fetch","resource_type":"image","transformation":[{"format":"auto"}],"transformation_string":"f_auto","url_suffix":"","version":"","secure":true,"public_id":"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","extension":"png","format":"auto","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

Google坚持提供光栅化图像而不是嵌入SVG文件,文件尺寸可以进一步缩小

谷歌嵌入双重解析视网膜显示版本标识544x184替代272x92)X2图像传递给定分辨率设备浏览器(即DPR1.0),这些设备浏览器不从高分辨率图像中受益检查实际设备分辨率并交付正则272x92图像8KB意指40%带宽节减.

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {width: \"0.5\", crop: \"scale\", type: \"fetch\"}).toHtml();","codeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {width: \"0.5\", crop: \"scale\", type: \"fetch\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(width=\"0.5\", crop=\"scale\", type=\"fetch\")","codeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(width=\"0.5\", crop=\"scale\", type=\"fetch\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->resize(Resize::scale()->width(0.5))\n\t->deliveryType(\"fetch\");","codeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->resize(Resize::scale()->width(0.5))\n\t->deliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"width\"=>\"0.5\", \"crop\"=>\"scale\", \"type\"=>\"fetch\"))","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"width\"=>\"0.5\", \"crop\"=>\"scale\", \"type\"=>\"fetch\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().width(0.5).crop(\"scale\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(0.5).crop(\"scale\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :width=>0.5, :crop=>\"scale\", :type=>\"fetch\")","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :width=>0.5, :crop=>\"scale\", :type=>\"fetch\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(0.5).Crop(\"scale\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(0.5).Crop(\"scale\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setWidth(0.5).setCrop(\"scale\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setWidth(0.5).setCrop(\"scale\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().width(0.5).crop(\"scale\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(0.5).crop(\"scale\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t resize(Resize.scale() { width(0.5F) })\n\t deliveryType(\"fetch\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t resize(Resize.scale() { width(0.5F) })\n\t deliveryType(\"fetch\") \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {width: \"0.5\", crop: \"scale\", type: \"fetch\"})","codeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {width: \"0.5\", crop: \"scale\", type: \"fetch\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/fetch\/w_0.5\/https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"fetch","resource_type":"image","transformation":[{"width":"0.5"}],"transformation_string":"w_0.5","url_suffix":"","version":"","secure":true,"public_id":"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

如果Google真想快速传送标识到互联网连接缓慢的地方和装置使用70%质量损耗WebP图片白后台产生结果(而不是透明化)4.7KB文件.

<\/Image>","codeSnippet":" \n\t \n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":" <\/cld-image>","codeSnippet":" \n\t \n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \n\t \n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {width: \"0.5\", quality: 70, background: \"white\", fetchFormat: \"webp\", crop: \"scale\", type: \"fetch\"}).toHtml();","codeSnippet":"cloudinary.imageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png', {width: \"0.5\", quality: 70, background: \"white\", fetchFormat: \"webp\", crop: \"scale\", type: \"fetch\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(width=\"0.5\", quality=70, background=\"white\", fetch_format=\"webp\", crop=\"scale\", type=\"fetch\")","codeSnippet":"CloudinaryImage(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\").image(width=\"0.5\", quality=70, background=\"white\", fetch_format=\"webp\", crop=\"scale\", type=\"fetch\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->resize(Resize::scale()->width(0.5))\n\t->backgroundColor(Color::WHITE)\n\t->delivery(Delivery::format(\n\tFormat::webp()))\n\t->delivery(Delivery::quality(70))\n\t->deliveryType(\"fetch\");","codeSnippet":"(new ImageTag('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png'))\n\t->resize(Resize::scale()->width(0.5))\n\t->backgroundColor(Color::WHITE)\n\t->delivery(Delivery::format(\n\tFormat::webp()))\n\t->delivery(Delivery::quality(70))\n\t->deliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"width\"=>\"0.5\", \"quality\"=>70, \"background\"=>\"white\", \"fetch_format\"=>\"webp\", \"crop\"=>\"scale\", \"type\"=>\"fetch\"))","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", array(\"width\"=>\"0.5\", \"quality\"=>70, \"background\"=>\"white\", \"fetch_format\"=>\"webp\", \"crop\"=>\"scale\", \"type\"=>\"fetch\"))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().width(0.5).quality(70).background(\"white\").fetchFormat(\"webp\").crop(\"scale\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation().width(0.5).quality(70).background(\"white\").fetchFormat(\"webp\").crop(\"scale\")).type(\"fetch\").imageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :width=>0.5, :quality=>70, :background=>\"white\", :fetch_format=>\"webp\", :crop=>\"scale\", :type=>\"fetch\")","codeSnippet":"cl_image_tag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", :width=>0.5, :quality=>70, :background=>\"white\", :fetch_format=>\"webp\", :crop=>\"scale\", :type=>\"fetch\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(0.5).Quality(70).Background(\"white\").FetchFormat(\"webp\").Crop(\"scale\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(0.5).Quality(70).Background(\"white\").FetchFormat(\"webp\").Crop(\"scale\")).Action(\"fetch\").BuildImageTag(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.webp()))\n\t.delivery(Delivery.quality(70))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.webp()))\n\t.delivery(Delivery.quality(70))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setWidth(0.5).setQuality(70).setBackground(\"white\").setFetchFormat(\"webp\").setCrop(\"scale\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setType( \"fetch\").setTransformation(CLDTransformation().setWidth(0.5).setQuality(70).setBackground(\"white\").setFetchFormat(\"webp\").setCrop(\"scale\")).generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().width(0.5).quality(70).background(\"white\").fetchFormat(\"webp\").crop(\"scale\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().width(0.5).quality(70).background(\"white\").fetchFormat(\"webp\").crop(\"scale\")).type(\"fetch\").generate(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.webp()))\n\t.delivery(Delivery.quality(70))\n\t.setDeliveryType(\"fetch\"));","codeSnippet":"cloudinary.image('https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png').transformation(Transformation()\n\t.resize(Resize.scale().width(0.5))\n\t.backgroundColor(Color.WHITE)\n\t.delivery(Delivery.format(\n\tFormat.webp()))\n\t.delivery(Delivery.quality(70))\n\t.setDeliveryType(\"fetch\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t resize(Resize.scale() { width(0.5F) })\n\t backgroundColor(Color.WHITE)\n\t delivery(Delivery.format(\n\tFormat.webp()))\n\t delivery(Delivery.quality(70))\n\t deliveryType(\"fetch\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\")\n\t resize(Resize.scale() { width(0.5F) })\n\t backgroundColor(Color.WHITE)\n\t delivery(Delivery.format(\n\tFormat.webp()))\n\t delivery(Delivery.quality(70))\n\t deliveryType(\"fetch\") \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {width: \"0.5\", quality: 70, background: \"white\", fetch_format: \"webp\", crop: \"scale\", type: \"fetch\"})","codeSnippet":"$.cloudinary.image(\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\", {width: \"0.5\", quality: 70, background: \"white\", fetch_format: \"webp\", crop: \"scale\", type: \"fetch\"})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","codeSnippet":"new CloudinaryImage(\n \"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png\"\n)\n .resize(scale().width(0.5))\n .backgroundColor(\"white\")\n .delivery(format(webp()))\n .delivery(quality(70))\n .setDeliveryType(\"fetch\");","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/fetch\/w_0.5,f_webp,q_70,b_white\/https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"fetch","resource_type":"image","transformation":[{"width":"0.5","format":"webp","quality":"70","background":"white"}],"transformation_string":"w_0.5,f_webp,q_70,b_white","url_suffix":"","version":"","secure":true,"public_id":"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_272x92dp.png","extension":"png","format":"webp","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

Google新标识是否优于老标识是一个品味问题,但面向文件少用字节、降低成本提高性能肯定是一个非常智能的选择突出文件大小大改善作为标识公告的一部分是一个有趣的曲折并肯定帮助Google公关工作

Google或可考虑切换SVG显示网站标识在此之前,交付的PNG图像比允诺的305字节大得多如此文章所示,即使使用光栅化图像,文件尺寸和耗用带宽也可以使用PNG-8格式、WebP格式和正则DPR1.0图像维度或损耗WebP压缩大幅减缩

图片格式转换和图像变换均与云化图像变换并图像优化.