Web应用程序的图像大小调整

时间:2015-06-03 05:44:14

标签: php html css image

我使用名为" laravel 5.0"的php和框架。 gd库有一个很好的包,我可以调整大小或添加一些灰色过滤器。

现在我即将创建Web应用并使用几种类型的图像,例如图像用于thumnbnaill,导航栏中的图像,用户列表的图像。

所以我想知道最佳做法是什么?

我确实每次浏览器输出页面时都可以使用css / js调整图像大小? (但渲染速度必须较慢。)

或者我应该在db中存储不同大小的图像的路径? (但如果我将来改变界面设计会怎样。)

或更好的方法来处理此图像处理?

1 个答案:

答案 0 :(得分:1)

我使用的方法是始终将原始图片与所有已调整大小的版本一起保存。因此,当您更改布局并需要显示其他图像尺寸时,您始终可以运行脚本以根据原始图片创建新尺寸。

我还建议保存每个变体的数据库维度(宽度,高度)。因此,您可以直接将其放在HTML属性的宽度和高度中,并且您的布局在加载时不会弹跳。

如何保存图像的路径取决于您,您根本不需要保存路径 - 有时保存图像名称(或仅使用ID)和图像扩展名就足够了。不同图像大小的路径可以存储在PHP常量中。这样就可以避免在数据库中保存相同路径的两倍,因为您将使用一个易于更改的常量。