响应式图像大小,图像(像素)大小和文件(字节)大小,就像在 Google plus 中一样

Posted

技术标签:

【中文标题】响应式图像大小,图像(像素)大小和文件(字节)大小,就像在 Google plus 中一样【英文标题】:Responsive image size both image (pixel) size and file (byte) size just like in Google plus 【发布时间】:2015-10-04 04:15:12 【问题描述】:

下面的链接是我从 google plus 获得的示例图片链接。如果更改 URL 的宽度值,图像大小也会发生变化,并且文件大小会更小。例如,将宽度从 1017 更改为 100

http://lh6.googleusercontent.com/-Eanf6uMoTPI/VaP0qYA_jUI/AAAAAAAAJcc/dOua5XQcjPE/w1017-h678-no/IMG_9439.jpg

文件大小:216.8kB

http://lh6.googleusercontent.com/-Eanf6uMoTPI/VaP0qYA_jUI/AAAAAAAAJcc/dOua5XQcjPE/w100-h678-no/IMG_9439.jpg

文件大小:12.5 kB

有人可以就如何在我的 Web 应用程序中使用此功能提供建议,无论它使用文件系统还是数据库。此功能非常适合显示缩略图或调整图像大小。

提前致谢

【问题讨论】:

【参考方案1】:

我的解决方案(顺便说一下)是使用 Lencioni 的 SLIR 应用程序。它可以在不改变原始图像的情况下裁剪或调整大小。它使用缓存来存储调整大小的图像以减轻服务器负载。

https://github.com/lencioni/SLIR

【讨论】:

以上是关于响应式图像大小,图像(像素)大小和文件(字节)大小,就像在 Google plus 中一样的主要内容,如果未能解决你的问题,请参考以下文章

具有 1x1 像素 PNG 的更好的响应式图像?

如何根据容器而不是屏幕大小来提供图像大小

响应式网页设计和调整图像大小

响应式调整图像和背景图像的大小

响应式设计:如何调整图像/背景图像的大小并垂直对齐 div?

512*512 256色值的索引图像的大小是多少?