圖片處理 · php筆記

## 圖片處理 > 圖片是很重要的媒體元素，用好了，頁面會更加美觀，巧妙的利用圖片自適應特性，頁面的適配性也會更好。基于tp的圖片處理方案。 - 裁剪 - 縮放 - 壓縮（服務器安裝開源壓縮方案） - 緩存 - 提供直接輸出圖片流的地址/提供處理完成的圖片地址 - 占位圖生成（支持輸出date-base64-url編碼形式） - 滿足移動端，2倍圖@2x.png * * * * * ### 擴展 [移動端1px解決之道及2、3倍圖處理方法 - 簡書](https://www.jianshu.com/p/eba6bedd25b0) [javascript - 前端頁面（移動端）使用二倍圖比一倍圖有什么好處呢？ - SegmentFault 思否](https://segmentfault.com/q/1010000010733030) [H5案例分享：Retina顯示屏-揭秘移動端的視覺稿通常會設計為傳統PC的2倍_H5案例分享](https://www.h5anli.com/articles/201610/retina.html) [移動端前端適配方案對比 - 簡書](https://www.jianshu.com/p/e5ca5b78e03e) >[danger] 高度定死，寬度自適應（這樣會怪怪的，很丑，如果是圖片的話會被拉伸的，**反而不固定高度的話，利用圖片特有的特性，圖片會按照原圖寬高比例進行等比縮放，自適應的**，但是這樣在圖片未加載完畢時沒有寬高，會有閃動問題，不過可以利用預先設置好比例的占位圖base64形式來做，原本圖片也按照相同比例進行處理，這樣就解決了閃動問題。同時resize時還能自適應，而無需用js來resize動態計算設置了等比寬高了。） [Yupoo! 的網站技術架構 | DBA Notes](http://dbanotes.net/arch/yupoo_arch.html) [ImageMagick簡介、GraphicsMagick、命令行使用示例 - CSDN博客](https://blog.csdn.net/cbbbc/article/details/52175559) [PHP極其強大的圖片處理庫Grafika詳細教程（1）：圖像基本處理 - CSDN博客](https://blog.csdn.net/qq_34657922/article/details/79479892) [GD、ImageMagick、GraphicsMagick - CSDN博客](https://blog.csdn.net/baiwz/article/details/38420187) [谷歌開源圖片壓縮算法Guetzli實測體驗報告 - 騰訊云+社區 - 博客園](https://www.cnblogs.com/qcloud1001/p/6595336.html) [最有效地使用PNG：PNGOUT優化 - CSDN博客](https://blog.csdn.net/happydeer/article/details/50473961) ~~~ 于是，我們有了第一條經驗：永遠別保存交錯格式的PNG文件。僅僅是為了漸進式渲染，交錯式PNG會增大35%；漸進式渲染讓人很困惑：圖像一開始是模糊的，然后漸漸變清晰。Philip Greenspun一語道破，“讀者無法判斷圖像何時加載完畢！” 標準的PNG為漸進式渲染提供了完美的解決方法，根本用不著交錯格式。它們可以自頂向下，以一種很簡單直接的方式渲染。可是自頂向下，加載時無法獲知高度，會有閃動問題，難道圖片沒完全加載完畢也能預先輸出高度信息嗎，高度信息在圖片head里？不過任何時候，都不要相信在圖片未加載完畢時能得到圖片的高度，這是不可靠的，所以有要求的還是用base64占位圖吧。 ~~~ [生成微縮圖 · php筆記 · 看云](http://www.hmoore.net/xiak/php-node/248832) [用 imgproxy 自動縮放圖片](https://mp.weixin.qq.com/s/25Pt37Xe9_MdyJEX4Lm0eg) [php擴展Imagick庫,如何實現gif轉webp - 開源中國社區](https://www.oschina.net/question/3783935_2274428) [WebPconv | WebP File Converter | Romeolight](http://www.romeolight.com/products/webpconv/) [關于Android圖片資源瘦身的奇思妙想 - 云+社區 - 騰訊云](https://cloud.tencent.com/developer/article/1004331) [【騰訊云的1001種玩法】 Laravel 整合萬向優圖圖片管理能力，打造高效圖片處理服務 - 云+社區 - 騰訊云](https://cloud.tencent.com/developer/article/1004595) [圖片流量節省大殺器：基于 CDN 的 sharpP 自適應圖片技術實踐 - 云+社區 - 騰訊云](https://cloud.tencent.com/developer/article/1004404) [快速使用OSS圖片服務_圖片處理指南_對象存儲 OSS-阿里云](https://help.aliyun.com/document_detail/44686.html?spm=5176.8465980.img.ddetails.4e701450oW1H4t) （支持在 OSS 端對圖片文件進行縮放、裁剪、水印等處理） > 阿里云等OOS存儲支持圖片處理，可以直接充當圖片服務器 * * * * * ### 相關開源項目 [PHP: GD 和圖像處理函數 - Manual](http://www.php.net/manual/zh/ref.image.php) [圖像處理 · ThinkPHP5.0完全開發手冊 · 看云](http://www.hmoore.net/manual/thinkphp5/177530) [Convert, Edit, Or Compose Bitmap Images @ ImageMagick](http://www.imagemagick.org/script/index.php) [GraphicsMagick Image Processing System](http://www.graphicsmagick.org/) [google/guetzli: Perceptual JPEG encoder](https://github.com/google/guetzli)（Google開源的JPEG圖片壓縮算法，終于有個） [TinyPNG – API Reference](https://tinypng.com/developers/reference/php) [pngquant — lossy PNG compressor](https://pngquant.org/) [Intervention/image: PHP Image Manipulation](https://github.com/Intervention/image) [avalanche123/Imagine: PHP 5.3 Object Oriented image manipulation library](https://github.com/avalanche123/Imagine) [AlloVince/EvaThumber: A light-weight url based image transformation php library](https://github.com/AlloVince/EvaThumber)（基于URL的圖片處理庫 (可實現縮略圖 | 二維碼 | 水印 | 面部識別等,基于PHP） [kosinix/grafika: An image processing library for PHP](https://github.com/kosinix/grafika) [george518/CoreImage: 裁剪核心圖片](https://github.com/george518/CoreImage) [pel/pel: PHP Exif Library - library for reading and writing Exif headers in JPEG and TIFF files using PHP.](https://github.com/pel/pel)（PHP Exif） [Ken Silverman's Utility Page](http://advsys.net/ken/utils.htm) [flyimg/flyimg: Dockerized PHP7 application runs as a Microservice to resize and crop images on the fly. Get optimised images with MozJPEG, WebP or PNG using ImageMagick. Includes face detection, cropping, face blurring, image rotation and many other options. Abstract storage based on FlySystem in order to store images on any provider (local, AWS S3...).](https://github.com/flyimg/flyimg) [rakibtg/PHP-ImageToWebp: A PHP class to convert JPG, JPEG, PNG or GIF images to webp format](https://github.com/rakibtg/PHP-ImageToWebp)（JPG, JPEG, PNG or GIF 圖片格式轉換為 webp格式圖片） [weserv/images: Source code of images.weserv.nl, to be used on your own server(s).](https://images.weserv.nl/#quick-reference)（一個成熟的圖像處理方案，除了支持一些常規的圖片處理外，還支持圖片模糊，灰度，圓形裁剪等有意思的處理） [ImageOptim HTTP API for optimization on web servers](https://imageoptim.com/api) [EvaThumber : 基于URL的圖片處理庫 (可實現縮略圖 | 二維碼 | 水印 | 面部識別等,基于PHP)](https://avnpc.com/pages/evathumber) * * * * * last update：2018-7-4 14:55:58