图像优化是在保持视觉质量的同时以尽可能小的文件大小传送图像的一个强制性步骤。这样，可以节省字节并提高网站性能，因为图像文件越小，浏览器下载并在观众屏幕上呈现的速度就越快。目前，web开发人员使用各种编程语言构建应用程序，例如PHP、Python和Ruby。本文向您展示了如何在PHP中优化图像，PHP是web上最常见的服务器端语言之一。图片优化的重要性图片在你的网站上加载得越快，你的转化率就越高。事实上，一半的在线访问者希望网站在两秒钟内加载完毕。调查来自akamai.com戈麦斯透露-加载时间过长是导致页面放弃的主要因素，随着加载时间的每增加一秒，这种情况就变得更为可能。近40%的访问者在3秒钟后就放弃了一个页面。73%的移动用户遇到过设备加载时间问题。加载时间延迟一秒可以降低16%的访问者满意度，导致转化率下降7%或更高。PHPYou中的图像优化可以通过以下方法之一在PHP中优化图像：通过PHP的内置函数，如"imagejpeg（）"。该函数将输出图像的路径和质量规格设置为1到100之间。作为先决条件，请安装适用于PHP的GD库。通过图像优化器，这是一个PHP库，由Piotr Sliwa构建，用于利用几个库优化图像，包括OptiPNG、pngquant和[jpegoptim](). 图像优化器可以压缩10-70%的图像文件而不牺牲视觉吸引力。使用PHP图像缓存，一个简单的PHP类可以动态压缩图像。压缩完成后，图像缓存会在浏览器中缓存图像，然后返回图像的新源。Imagick是一个本地PHP扩展，用于通过ImageMagick API创建和修改图像。一个简单的PHP图像优化替代方案Cloudinary，您可以有效地优化媒体资产，而不考虑编程语言。默认情况下，对所有图像自动执行云优化的步骤之一是。此外，它通过CDN的集成、快速传输功能确保您的图像无缝地显示在您的观众设备。云数据库提供以下优化功能：自动质量调整和编码：一旦为图像设置了q_auto参数，Cloudinary将根据图像内容、格式和查看浏览器选择最佳的质量压缩级别和编码设置。其结果是一个压缩图像具有优越的视觉质量。请参见以下示例：URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/q帴auto/woman.jpgRuby：复制到剪贴板cl\U图像标记（"女人.jpg"，：质量=>"自动"）PHP:复制到剪贴板cl\U图像标记（"女人.jpg，数组（"质量"=>"自动"）Python:复制到剪贴板云图像（"女人.jpg）.image（质量="自动"）节点.js：复制到剪贴板cloudinary.image("女人.jpg"，{质量："自动"}）Java:复制到剪贴板cloudinary.url（）.transformation（new transformation（）.quality（"auto"））.imageTag（"女人.jpg");JS:复制到剪贴板cloudinary.imageTag('女人.jpg'，{quality:"auto"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("女人.jpg"，{质量："自动"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Quality（"auto"））.BuildImageTag（"女人.jpg")Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（new transformation（）.quality（"auto"））.generate（"女人.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.setTransformation（CLDTransformation（）.setQuality（"自动"））.generate（"女人.jpg")!，cloudinary:云数据库）要微调图像的视觉质量，请设置q_汽车：最好。问_自动：低，q_汽车：很好，或q_自动：eco参数，如你所愿。自动格式化：fu auto参数使Cloudinary能够分析图像内容并选择最佳格式进行传送。例如，它可以将图像以WebP格式传送到Chrome，或者以JPEG-XR的形式发送到internetexplorer，但是对于所有其他浏览器，它仍然保留原始格式。有了f帴auto和q帴auto作为参数，Cloudinary仍将向相关浏览器提供WebP和JPEG-XR。但是，如果质量算法确定PNG-8或PNG-24是最佳格式，Cloudinary可能会以这两种格式中的任何一种来交付选定的图像。调整大小和裁剪：通过将width（w）和height（h）参数添加到它们的url中，您可以使用Cloudinary调整图像的大小，如下所示示例：URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/w_0.5/sample.jpgRuby：复制到剪贴板cl\U图像标记（"示例.jpg"，：width=>0.5，：crop=>"缩放"）PHP:复制到剪贴板cl\U图像标记（"示例.jpg"，数组（"宽度"=>0.5，"裁剪"=>"缩放"））Python:复制到剪贴板云图像（"示例.jpg"）.image（width=0.5，crop="缩放"）节点.js：复制到剪贴板cloudinary.image("示例.jpg"，{width:"0.5"，crop:"scale"}）Java:复制到剪贴板cloudinary.url（）.transformation（新转换（）.width（0.5）.crop（"scale"））.imageTag（"示例.jpg");JS:复制到剪贴板cloudinary.imageTag('示例.jpg'，{width:"0.5"，裁剪："scale"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("示例.jpg"，{width:"0.5"，crop:"scale"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Width（0.5）.Crop（"scale"））.BuildImageTag（"示例.jpg")Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（new transformation（）.width（0.5）.crop（"scale"））.generate（"示例.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.setTransformation（CLDTransformation（）.setWidth（0.5）.setCrop（"缩放"））。生成（"示例.jpg")!，cloudinary:云数据库）URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/h_200/sample.jpgRuby：复制到剪贴板cl\U图像标记（"示例.jpg"，：height=>200，：crop=>"缩放"）PHP:复制到剪贴板cl\U图像标记（"示例.jpg，数组（"高度"=>200，"裁剪"=>"缩放"））Python:复制到剪贴板云图像（"示例.jpg）.image（height=200，crop="scale"）节点.js：复制到剪贴板cloudinary.image("示例.jpg"，{height:200，裁剪："scale"}）Java:复制到剪贴板cloudinary.url（）.transformation（新转换（）.height（200）.crop（"scale"））.imageTag（"示例.jpg");JS:复制到剪贴板cloudinary.imageTag('示例.jpg'，{height:200，裁剪："scale"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("示例.jpg"，{height:200，裁剪："scale"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Height（200）.Crop（"scale"））.BuildImageTag（"示例.jpg")Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（new transformation（）.height（200）.crop（"scale"））.generate（"示例.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.setTransformation（CLDTransformation（）.setHeight（200）.setCrop（"缩放"））.generate（"示例.jpg")!，cloudinary:云数据库）在这里，Cloudinary保持纵横比，但根据您的高度和宽度调整图像的大小指定的.urlrubyphpythonnode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/image/upload/w_200，沪100/示例.jpgRuby：复制到剪贴板cl\U图像标记（"示例.jpg"，：width=>200，：height=>100，：crop=>"缩放"）PHP:复制到剪贴板cl\U图像标记（"示例.jpg"，数组（"宽度"=>200，"高度"=>100，"裁剪"=>"缩放"））Python:复制到剪贴板云图像（"示例.jpg）.image（宽度=200，高度=100，裁剪="比例"）节点.js：复制到剪贴板cloudinary.image("示例.jpg"，{width:200，height:100，裁剪："scale"}）Java:复制到剪贴板cloudinary.url（）.transformation（新转换（）.width（200）.height（100）.crop（"scale"））.imageTag（"示例.jpg");JS:复制到剪贴板cloudinary.imageTag('示例.jpg'，{width:200，height:100，裁剪："scale"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image("示例.jpg"，{width:200，height:100，裁剪："scale"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Width（200）.Height（100）.Crop（"scale"））.BuildImageTag（"示例.jpg")Android:复制到剪贴板媒体