问题标签 [image-resizing]

我正在使用一个脚本来调整图像大小。我似乎遇到了一个错误：

错误：未指定图像
可能是因为脚本中的这段代码（image.php）：

这是我正在做的（profile.php）：

因此，我从 MySQL 表中读取$your_image和$path_to_image，然后将其放入img source. 如上所述，显然，图像未设置，这就是我收到第一个错误的原因。我没有得到的是，图像实际上将如何用我的img src代码设置？我不是简单地显示实际图像吗？那么如果只是显示图片，图像将如何设置呢？谢谢你。

我正在使用一个简单的图像管理器类，以及以下代码：

当我上传一个宽度为 700 的图像时，图像已成功调整大小，但是当我上传一个非常大的图片（宽度 ~= 2300）时，它不起作用，而且我看不到任何echo消息。

某些 php 图像函数是否有可能导致此问题的大小限制？

因此，我希望将图像调整为原始高度/宽度的 30%。假设您不知道它的高度或宽度，您将如何仅使用 CSS/HTML 来处理它？

几天前，我想知道为什么当我在我的网站上将图像的宽度和长度属性设置为百分比时，它并没有按照我认为的方式缩小图像。

问题是我希望它缩小图像，但它实际上是缩小图像的容器。

无论如何，我实际上很喜欢 Pat 的建议，即使用 jQuery 的片段来调整图像的大小，因为我可以轻松地将它应用到我的所有具有fancybox 类的图像，换句话说，我的产品图像，点击后，显示fancybox效果。

但是，由于某种原因，它的行为有点古怪。

如果您指向浏览器以便在我的页面上查看问题，在http://www.marioplanet.com/product.htm您可能会看到问题。

如果您以前访问过我的网站以帮助我进行调试，我很感激，请确保您删除我网站的 cookie，并清空缓存，因为它似乎只在第一次访问时出现问题。

对于不同的浏览器，问题似乎有所不同：

Firefox (3.6.8) 和 IE (8)：在粗体文字下方：“Category Plush”图片应适当调整大小，它们太小了。

Chrome (5.0.375.125) 和 Safari (5)：在图像应该在的相同粗体文本下方，只有两个轮廓方框，没有其他内容。

就不更新代码而言，我发现的“修复”似乎是：

Firefox (3.6.8) 和 IE (8)：一个简单的刷新，图像恢复到我希望它们在第一次访问时的大小。

Chrome (5.0.375.125) 和 Safari (5)：通过将这两个浏览器指向 URL http://www.marioplanet.com/product.htm#，可以通过添加井号 (#) 或单击“Follow Us On”社交网络托盘中的 YouTube 图标，图像将按照我希望它们在第一次访问时的大小进行调整。

所以，我在想，关于 jQuery 代码片段，也许 .width() 操作没有得到广泛的支持，谷歌搜索没有产生任何结果，如果它不能在任何主要浏览器上正常运行是没有意义的。

所以，然后我在想，也许 jQuery 的片段不在 $(document).ready 事件处理程序中，所以 DOM 以及图像都没有被正确加载。在调查我的代码后，一切看起来都很好。

最后，我想知道我的图像上剩余的任何尺寸是否搞砸了 jQuery 调整大小，一切似乎都还好，但也许它与表格和表格行和单元格的宽度有关？

任何关于问题所在的建议或想法将不胜感激！！

谢谢！

当通过 PHPThumb 链接到调整大小的图像以使用厚框或颜色框在灯箱中弹出时，我得到一个带有数据和字符的灯箱。我猜是因为thickbox没有将我的图像视为真实图像，因为它是使用php扩展名输出的：

有人知道解决方案吗？

另外，将 PHPThumb 用于内容管理系统是个好主意吗？在更多设置/服务器配置上将图像调整为多种尺寸会更好吗？

链接：http: //jeffkilroy.com/hosted/ImageIssue/test.php

我正在构建一个最终将包含大量图像的 Web 应用程序。这些图像需要在整个站点以不同的格式显示。这两种解决方案的优缺点是什么：

1. 上传图片时存储各种版本的图片（例如拇指、小、中、大、超大）
2. 通过 URL 调整图像大小 - 例如 /Content/Image/1?height=300

你怎么看？

编辑： 我很难接受一个答案而不是另一个答案，因此对于阅读此 q/a 的任何人，请花时间阅读这两个答案，因为接受的答案是通过抛硬币选择的:) 他们都是平等的好的。

我在http://www.marioplanet.com/product.htm上的测试产品页面有一些奇怪的行为，我真的可以使用一些帮助来解决。

现在，我之前在调整图像大小时遇到​​了问题，这里有人帮我说我应该将图像调整大小嵌套在

为了在调整大小发生之前加载图像，以便调整大小不会找到不正确的宽度和高度，因为它还没有加载，而不是将其嵌套在文档就绪函数中。

现在我已经这样做了，我想知道我应该如何处理嵌套在我的文档就绪函数中的 jQuery，因为它是 fancybox jQuery 插件，但它似乎无法正常运行。

如果我将fancybox jQuery 从准备好的文档移动到窗口加载功能，由于某种原因，它都不起作用！

我真的可以在这里使用一些帮助，因此非常感谢任何信息或建议！

谢谢！

更新：

顺便说一句，最好弄清楚如何使图像根本不加载，并且在将按比例缩小的效果应用到图像后才加载，这样图像就不会显得很大然后就出来了无处可去，缩小。

我希望我的 CSS 样式在某处不是冲突，但是在我的页面（http://www.marioplanet.com/product.htm）上，我正在尝试将 CSS 规则应用于所有具有FancyBox缩小它们的类的图像从25%他们原来的大小。

现在，我听说这可能只适用于包含表格单元格，所以请告诉我是否是这种情况。

此外，如果上述情况属实，那么我是否可以只使用纯 CSS 和 HTML 而没有 JavaScript 来做到这一点？

谢谢！

有点尴尬的标题，对不起。

无论如何，我正在尝试使用以下 jQuery 片段调整图像的大小：

现在，这行得通，但如果我能找到一种方法来指定图像以加载其原始大小的 25%，而不是加载其原始大小并按比例缩小，那就太好了。

它有效，但看起来有点奇怪。

任何一种解决方法都会很棒！

谢谢！

目标：

我有很多不同尺寸的图片（尺寸和文件大小）

我想将这些文件转换两次：

1. 缩略图大小的图片
2. 图片在网页上看起来不错，并且尽可能接近全屏...并保持文件大小低于 500KB。

HTML 问题：

A. 最好使用什么文件格式（jpg、png 或其他）？
B. web 的最佳配置是什么……尽可能小的文件大小和合理的质量？

C# 问题

A 有没有使用 C# 代码实现这种转换的好方法（如果是，如何）？