Изменение размера изображений — распространенная задача в веб-разработке, и при работе с изображениями в кодировке Base64 важно понимать, как изменять их размер, сохраняя при этом данные. В этой статье блога мы рассмотрим несколько методов изменения размера изображений Base64, включая примеры кода на разных языках программирования. Давайте погрузимся!

Метод 1: JavaScript:
JavaScript предоставляет удобный способ изменения размера изображений Base64 на стороне клиента. Вот пример использования элемента HTML Canvas:

// HTML
<canvas id="canvas"></canvas>
// JavaScript
function resizeBase64Image(imgBase64, newWidth, newHeight) {
  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');
  var img = new Image();
  img.src = 'data:image/png;base64,' + imgBase64;
  img.onload = function() {
    canvas.width = newWidth;
    canvas.height = newHeight;
    ctx.drawImage(img, 0, 0, newWidth, newHeight);
    var resizedBase64 = canvas.toDataURL('image/png').split(',')[1];
    console.log(resizedBase64);
  };
}
// Usage
var base64Image = '...'; // Replace with your Base64 image
var newWidth = 300;
var newHeight = 200;
resizeBase64Image(base64Image, newWidth, newHeight);

Метод 2: Python (библиотека PIL):
Python предлагает библиотеку изображений Python (PIL) для манипулирования изображениями. Вот пример использования библиотеки PIL:

from PIL import Image
import io
import base64
def resize_base64_image(base64_image, new_width, new_height):
    image_data = base64.b64decode(base64_image)
    img = Image.open(io.BytesIO(image_data))
    img = img.resize((new_width, new_height))
    resized_base64 = base64.b64encode(img.tobytes()).decode('utf-8')
    print(resized_base64)
# Usage
base64_image = '...'  # Replace with your Base64 image
new_width = 300
new_height = 200
resize_base64_image(base64_image, new_width, new_height)

Метод 3: PHP:
В PHP вы можете использовать библиотеку GD для манипулирования изображениями. Вот пример:

function resizeBase64Image($base64_image, $new_width, $new_height) {
    $image_data = base64_decode($base64_image);
    $img = imagecreatefromstring($image_data);
    $resized_image = imagecreatetruecolor($new_width, $new_height);

    imagecopyresampled($resized_image, $img, 0, 0, 0, 0, $new_width, $new_height, imagesx($img), imagesy($img));

    ob_start();
    imagepng($resized_image);
    $resized_base64 = base64_encode(ob_get_clean());
    echo $resized_base64;
}
// Usage
$base64_image = '...'; // Replace with your Base64 image
$new_width = 300;
$new_height = 200;
resizeBase64Image($base64_image, $new_width, $new_height);

В этой статье мы рассмотрели три метода изменения размера изображений Base64: JavaScript, Python (библиотека PIL) и PHP (библиотека GD). Каждый метод позволяет изменять размер изображений, сохраняя их кодировку Base64. В зависимости от вашего конкретного варианта использования и предпочтений в языке программирования вы можете выбрать метод, который подходит вам лучше всего. Приятного кодирования!