Django - Оқулық 056. ImageField файлына сақтау кезінде кескінді WEBP форматына қалай түрлендіруге болады

ImageField, Django, WEBPField, webp, Python

WEBP — 2010 жылы Google ұсынған кескінді қысу пішімі. Оның басты артықшылығы - JPEG немесе PNG сияқты пішімдерге қарағанда, көрінетін сапаны жоғалтпай төмен өлшемі. Сондықтан сайтта суреттерді сақтау үшін бұл пішімді пайдалану өте қисынды, әсіресе сайтта түпнұсқа суреттерді сақтау қажет болмаса.

Ұзақ іздеуден кейін мен суреттерді WEBP пішіміне жылдам түрлендіруді қолдайтын дайын және қарапайым шешім таба алмадым.
Сондықтан мен өзімнің нұсқамды жазуды жөн көрдім, ол ақырында бірнеше ондаған жолдан тұрады және ағаш тақтайдай қарапайым.

Іске асыру

Бүкіл іске асыру екі бөліктен тұрады:

• WEBPFieldFile - WEBP пішіміне автоматты түрлендіру арқылы файлды сақтайтын ImageFieldFile файлынан алынған класс.
• WEBPField - ImageFieldFile орнына WEBPFieldFile қолданатын ImageField сыныбы

Мұның бәрі fields.py бір файлында орналасқан.

Суреттермен жұмыс істеу үшін сізге Жастық кітапханасы қажет. Ендеше оны орнатайық. Дегенмен, ImageField өрістерін пайдалану үшін де сізге бұл кітапхана қажет болады.

pip install Pillow

fields.py

Қолданбаңызда fields.py файлдарын жасаңыз және оған келесі кодты қосыңыз

# -*- coding: utf-8 -*-

import io

from PIL import Image
from django.core.files.base import ContentFile
from django.db import models
from django.db.models.fields.files import ImageFieldFile


class WEBPFieldFile(ImageFieldFile):

    def save(self, name, content, save=True):
        content.file.seek(0)
        image = Image.open(content.file)
        image_bytes = io.BytesIO()
        image.save(fp=image_bytes, format="WEBP")
        image_content_file = ContentFile(content=image_bytes.getvalue())
        super().save(name, image_content_file, save)


class WEBPField(models.ImageField):
    attr_class = WEBPFieldFile

Көріп отырғаныңыздай, бұл кодта WEBPFieldFile сыныбында save() әдісі қайта белгіленеді, ол кіріс аргументі ретінде сақталатын файлдың атын және мазмұнын қабылдайды, мазмұнын түрлендіреді. файлды WEBP пішіміне ауыстырады, содан кейін файлды дискіге сақтайды. Ал WEBPField класы ImageField сыныбымен тура бірдей, тек айырмашылығы оның кескінді өңдеу үшін сыныптың өзгертілген нұсқасын пайдалануында.

models.py

Енді фотомодельдегі жаңа кескін өрісін қолданайық.

# -*- coding: utf-8 -*-

import os
import uuid

from django.conf import settings
from django.db import models
from django.utils.translation import gettext_lazy as _

from photo.fields import WEBPField


def image_folder(instance, filename):
    return 'photos/{}.webp'.format(uuid.uuid4().hex)


class Photo(models.Model):
    user = models.ForeignKey(to=settings.AUTH_USER_MODEL, on_delete=models.CASCADE)
    height = models.IntegerField(verbose_name=_('Height'), default=0, blank=True, null=True)
    width = models.IntegerField(verbose_name=_('Width'), default=0, blank=True, null=True)
    image = WEBPField(
        verbose_name=_('Image'),
        upload_to=image_folder,
        height_field='height',
        width_field='width'
    )

Көріп отырғаныңыздай, осы WEBPField өрісін пайдалану стандартты ImageField өрісін пайдаланудан еш айырмашылығы жоқ.

Бонус ретінде осы кодта image_folder функциясында мен uuid көмегімен кездейсоқ бірегей файл атауының генерациясын қостым.