Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/285.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用PHP调整HTML图像标记的内容大小_Php_Html_Image_Resize_Flickr - Fatal编程技术网

使用PHP调整HTML图像标记的内容大小

使用PHP调整HTML图像标记的内容大小,php,html,image,resize,flickr,Php,Html,Image,Resize,Flickr,我的HTML页面显示一个包含以下代码的图像(使用Flickr) 问题是,我想调整此图像的大小,然后将其显示在页面上,但我不知道如何操作。将宽度和高度属性添加到html字符串中 <?php echo '<img width='200px' height='200px' src="http://farm' . $photo["farm"] . '.static.flickr.com/' . $photo["server"] . '/' . $photo["id"] . '_'

我的HTML页面显示一个包含以下代码的图像(使用Flickr)



问题是,我想调整此图像的大小,然后将其显示在页面上,但我不知道如何操作。

将宽度和高度属性添加到html字符串中

<?php
    echo '<img width='200px' height='200px' src="http://farm' . $photo["farm"] . '.static.flickr.com/' . $photo["server"] . '/' . $photo["id"] . '_' . $photo["secret"] . '.jpg">';
    ?>

通常,flickr等网站允许您请求不同大小的图像版本,因此您最好的选择可能是请求大小合适的图像

我不确定确切的细节,但我看了(我在网站首页找到的一张照片),发现有不同大小的链接。它们的形式似乎与您的相同,只是在.jpg之前添加了
\ux
(其中x是一个取决于大小的字母)

在快速搜索中,我找不到关于此的任何文档,但在本例中,我们有:

_s for a square
_t for a thumbnail
_m for a small
(no extension) for a medium 500
_z for a medium 640
_b for a large
_o for original - this url seems to be different from the others

我怀疑这些标准是通过拟合尺寸上限来实现的,但我不确定。尝试和错误可能会帮助您。

IIRC,在某些版本的IE中,由于使用的算法,这样的大小调整看起来相当糟糕。。。。您是想说您想要一个javascript库,它独立于浏览器处理图像的重新调整大小和渲染,以将质量损失降至最低?可笑。@Greg:如果你不想让内置浏览器调整大小,那么服务器端总是会调整大小。是的,从技术上讲,这是存在的,但在这种情况下,OP将图片直接拉到客户端,而不是服务器。加载图片,然后将其发送到服务器,然后重新调整大小并将其发送回,这将是非常昂贵的。如果OP想在服务器端重新调整大小,他将不得不使用php导入图片,而不是将其破解成动态html字符串。@Greg Agnew谢谢你的回答,它完全符合我的需要+1的简单和直接的代码。感谢您的工作。现在图片的质量对我来说并不重要,但一旦我有时间,我会研究你的建议。
_s for a square
_t for a thumbnail
_m for a small
(no extension) for a medium 500
_z for a medium 640
_b for a large
_o for original - this url seems to be different from the others