当前位置：文江博客话题详情

创建图片库

发布于 2024-08-13 15:58:41 字数 504 浏览 4 评论 0 原文

我想为我的网站创建一个图片库，并从网站的管理面板上传这些图片。我将在一个非常小的尺寸的页面中显示所有图片，并且我将为每张图片分开一个地方，以显示大尺寸的所选图片（从小图片中）。

我知道两种方法：

我创建两张图片以从管理面板上传，一张大一张小，尺寸固定。所以我会把大的放在单独的大空间里。小的地方就会显示小。因此，网站管理员应该创建 2 张图片。
我知道的第二种方法是使用PHP的GD库来只上传大图片，并且在每个地方都有一个PHP函数将调整大图片的大小并获得我需要的画廊的2个尺寸。

第一种方法的缺点是，网站用户在上传之前应使用 Photoshop 或其他一些工具。我们一致认为，这对于网站用户来说并不是一件令人愉快的事情。

第二种方法也不好，因为 GD 通过降低质量来调整图片大小。这种损失是不可接受的，因为损失太大了。

有什么方法可以在保持接近原始图像质量的同时进行调整大小操作？

或者还有什么比这两种方法更好的方法？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧人九事 2024-08-20 15:58:41

GD 不会比 Photoshop 更损失质量。只需确保您使用的是 imagecopyresampled() 而不是 imagecopyresized()，因为它不会进行任何类型的重新采样。然后以足够高的质量保存生成的图像；对于 JPEG，约为 80。

然后在 Photoshop 中进行类似的调整大小，您会发现没有太大差异。您还可以使用 GD 来锐化缩略图，这会给它们带来一点额外的清晰度。

编辑

我制作了一个工具来比较不同的调整大小方法，尝试一下并亲自看看什么是最好的方法：http://www.ulmanen.fi/stuff/downsample/

回复收藏 0 原文

枕花眠 2024-08-20 15:58:41

使用如下函数：

Image('/path/to/original.image', '1/1', '150*', './thumb.jpg'); // thumb, width = 150 px
Image('/path/to/original.image', null, '600*', './full.jpg'); // full, width = 600 px

如果愿意，您可以通过第二个参数 (w/h) 指定裁剪比例，还可以通过第三个参数 (w*h) 指定调整后图像的宽度和/或高度。

function Image($source, $crop = null, $scale = null, $destination = null)
{
    $source = @ImageCreateFromString(@file_get_contents($source));

    if (is_resource($source) === true)
    {
        $size = array(ImageSX($source), ImageSY($source));

        if (isset($crop) === true)
        {
            $crop = array_filter(explode('/', $crop), 'is_numeric');

            if (count($crop) == 2)
            {
                $crop = array($size[0] / $size[1], $crop[0] / $crop[1]);

                if ($crop[0] > $crop[1])
                {
                    $size[0] = $size[1] * $crop[1];
                }

                else if ($crop[0] < $crop[1])
                {
                    $size[1] = $size[0] / $crop[1];
                }

                $crop = array(ImageSX($source) - $size[0], ImageSY($source) - $size[1]);
            }

            else
            {
                $crop = array(0, 0);
            }
        }

        else
        {
            $crop = array(0, 0);
        }

        if (isset($scale) === true)
        {
            $scale = array_filter(explode('*', $scale), 'is_numeric');

            if (count($scale) >= 1)
            {
                if (empty($scale[0]) === true)
                {
                    $scale[0] = $scale[1] * $size[0] / $size[1];
                }

                else if (empty($scale[1]) === true)
                {
                    $scale[1] = $scale[0] * $size[1] / $size[0];
                }
            }

            else
            {
                $scale = array($size[0], $size[1]);
            }
        }

        else
        {
            $scale = array($size[0], $size[1]);
        }

        $result = ImageCreateTrueColor($scale[0], $scale[1]);

        if (is_resource($result) === true)
        {
            ImageFill($result, 0, 0, IMG_COLOR_TRANSPARENT);
            ImageSaveAlpha($result, true);
            ImageAlphaBlending($result, true);

            if (ImageCopyResampled($result, $source, 0, 0, $crop[0] / 2, $crop[1] / 2, $scale[0], $scale[1], $size[0], $size[1]) === true)
            {
                ImageConvolution($result, array(array(-1, -1, -1), array(-1, 16, -1), array(-1, -1, -1)), 8, 0);
                ImageJPEG($result, $destination, 90);
            }
        }
    }

    return false;
}

图像会自动增强（锐化）并保存为高质量的 JPEG。

尽情享受吧！

Use the following function like this:

Image('/path/to/original.image', '1/1', '150*', './thumb.jpg'); // thumb, width = 150 px
Image('/path/to/original.image', null, '600*', './full.jpg'); // full, width = 600 px

You can specify the crop ratio via the second argument (w/h) if you wish, you can also specify the width and/or height of the resized image via the third argument (w*h).

function Image($source, $crop = null, $scale = null, $destination = null)
{
    $source = @ImageCreateFromString(@file_get_contents($source));

    if (is_resource($source) === true)
    {
        $size = array(ImageSX($source), ImageSY($source));

        if (isset($crop) === true)
        {
            $crop = array_filter(explode('/', $crop), 'is_numeric');

            if (count($crop) == 2)
            {
                $crop = array($size[0] / $size[1], $crop[0] / $crop[1]);

                if ($crop[0] > $crop[1])
                {
                    $size[0] = $size[1] * $crop[1];
                }

                else if ($crop[0] < $crop[1])
                {
                    $size[1] = $size[0] / $crop[1];
                }

                $crop = array(ImageSX($source) - $size[0], ImageSY($source) - $size[1]);
            }

            else
            {
                $crop = array(0, 0);
            }
        }

        else
        {
            $crop = array(0, 0);
        }

        if (isset($scale) === true)
        {
            $scale = array_filter(explode('*', $scale), 'is_numeric');

            if (count($scale) >= 1)
            {
                if (empty($scale[0]) === true)
                {
                    $scale[0] = $scale[1] * $size[0] / $size[1];
                }

                else if (empty($scale[1]) === true)
                {
                    $scale[1] = $scale[0] * $size[1] / $size[0];
                }
            }

            else
            {
                $scale = array($size[0], $size[1]);
            }
        }

        else
        {
            $scale = array($size[0], $size[1]);
        }

        $result = ImageCreateTrueColor($scale[0], $scale[1]);

        if (is_resource($result) === true)
        {
            ImageFill($result, 0, 0, IMG_COLOR_TRANSPARENT);
            ImageSaveAlpha($result, true);
            ImageAlphaBlending($result, true);

            if (ImageCopyResampled($result, $source, 0, 0, $crop[0] / 2, $crop[1] / 2, $scale[0], $scale[1], $size[0], $size[1]) === true)
            {
                ImageConvolution($result, array(array(-1, -1, -1), array(-1, 16, -1), array(-1, -1, -1)), 8, 0);
                ImageJPEG($result, $destination, 90);
            }
        }
    }

    return false;
}

The image is automatically enhanced (sharpened) and saved as a JPEG with high quality.

Enjoy!

回复收藏 0 原文

老子叫无熙 2024-08-20 15:58:41

为什么不使用 phpThumb() ？

您只需要为图像标签生成 src 链接。
自动缓存。
提供了很多操作图像的选项。请参阅演示页面。
使用 ImageMagick 并作为后备 GD，您不必关心（但您可以）。
几乎所有东西都可以配置。请参阅：phpThumb.config.php。

回复收藏 0 原文

乖乖兔^ω^ 2024-08-20 15:58:41

您可以使用 ImageMagick 代替 GD 以获得可能更好的结果。我不确定您需要与您的网站进行何种程度的集成，但我建议您查看开源 Gallery 项目在开始编码之前。

回复收藏 0 原文

ζ澈沫 2024-08-20 15:58:41

输出图像时使用 imagejpeg 的质量参数怎么样？

回复收藏 0 原文

一生独一 2024-08-20 15:58:41

我使用这个简单的 shell 脚本，它需要从 ImageMagick 进行转换：

#!/bin/sh

W=256
T="Some recent photos"

cat <<EOF
<HTML>
<HEAD>
<TITLE>$T</TITLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY STYLE="font-family: sans-serif">
<H1>$T</H1>
Click on the photos to enlarge<P>
EOF

for i
do
convert -resize $W "$i" "T$i"
cat <<EOF
<A HREF="$i"><IMG SRC="T$i" WIDTH=$W></A>
EOF
done

cat <<EOF
</BODY></HTML>
EOF

I use this simple shell script, which needs convert from ImageMagick:

#!/bin/sh

W=256
T="Some recent photos"

cat <<EOF
<HTML>
<HEAD>
<TITLE>$T</TITLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY STYLE="font-family: sans-serif">
<H1>$T</H1>
Click on the photos to enlarge<P>
EOF

for i
do
convert -resize $W "$i" "T$i"
cat <<EOF
<A HREF="$i"><IMG SRC="T$i" WIDTH=$W></A>
EOF
done

cat <<EOF
</BODY></HTML>
EOF

回复收藏 0 原文