图片加水印功能异常：部分图片加载慢且显示乱码

核心问题分析 #

• MIME类型不匹配：你生成的是PNG格式图片，但data URI里写的是image/x-icon，浏览器无法正确识别格式，直接输出二进制数据导致乱码。
• JPEG兼容性限制：imagecreatefromjpeg仅支持RGB模式的JPEG，若图片是CMYK模式、后缀标为JPG但实际是PNG格式，或者存在损坏/异常EXIF信息，都会导致加载失败，后续水印操作无效进而输出混乱内容。
• 无错误处理机制：没检查imagecreatefromjpeg和imagecreatefrompng的返回值，一旦加载失败，后续的imagesx、imagecopy等操作会触发警告，最终输出乱码。
• 内存泄漏：循环处理图片时，水印图$stamp没调用imagedestroy($stamp)释放内存，大量图片处理会耗尽服务器内存，导致页面加载缓慢。

修复后的代码 #

<div class="row">
    <?php foreach ($images as $image) {
    ?>
        <div class="col-md-3 mb-4">
            <?php if ($photo_service == '1') { ?>
                <img src="./uploads/<?php echo $image['file_name']; ?>" alt="<?= $new['title'] ?>">
                <a class="btn btn-primary btn-xs mt-1" href="./uploads/<?php echo $image['file_name']; ?>" download><i class="fas fa-download me-2"></i>Preuzmi </a>
            <?php } else {

                $folder = "./uploads/";
                $file = $image['file_name'];
                $stamp_path = './assets/images/watermark.png';
                $image_path = $folder . $file;

                // 加载水印图并检查
                $stamp = imagecreatefrompng($stamp_path);
                if(!$stamp){
                    echo '<img src="./uploads/' . $image['file_name'] . '" alt="' . $new['title'] . '">';
                    continue 2;
                }

                // 根据真实MIME类型加载图片，兼容后缀不符的情况
                $im = false;
                $mime_type = mime_content_type($image_path);
                match($mime_type){
                    'image/jpeg', 'image/jpg' => $im = imagecreatefromjpeg($image_path),
                    'image/png' => $im = imagecreatefrompng($image_path),
                    default => null
                };

                // 加载失败则输出原图
                if(!$im){
                    echo '<img src="./uploads/' . $image['file_name'] . '" alt="' . $new['title'] . '">';
                    imagedestroy($stamp);
                    continue 2;
                }

                // 设置水印边距并居中添加
                $marge_right = 0;
                $marge_bottom = 0;
                $sx = imagesx($stamp);
                $sy = imagesy($stamp);
                imagecopy($im, $stamp, (imagesx($im) - $sx - $marge_right) / 2, (imagesy($im) - $sy - $marge_bottom) / 2, 0, 0, $sx, $sy);

                // 输出图片，修正MIME类型
                ob_start();
                imagepng($im);
                $img = ob_get_clean();
                // 释放所有资源
                imagedestroy($im);
                imagedestroy($stamp);

                echo '<img src="data:image/png;base64,' . base64_encode($img) . '" alt="' . $new['title'] . '">';

            ?>

            <?php } ?>

        </div>
    <?php

    }
    ?>
</div>

额外优化建议 #

• 提前加载水印图：把$stamp = imagecreatefrompng(...)移到循环外面，避免每次循环重复加载，提升处理速度。
• 缓存处理结果：不要每次请求都重新生成水印，可将处理后的图片保存到服务器，下次直接输出缓存文件，大幅降低服务器负载。
• 支持CMYK格式：若需要兼容CMYK模式的JPEG，可改用imagecreatefromstring(file_get_contents($image_path))，GD会自动转换为RGB模式；或者安装Imagick扩展，兼容性更强。

内容的提问来源于stack exchange，提问作者M S