Redimensionator de imagini

Modulul Image Resizer este destinat pentru modificarea comodă a dimensiunilor imaginilor după încărcarea lor pe site. Este deosebit de util în situațiile în care aceeași imagine este folosită în diferite părți ale site-ului, dar trebuie afișată în dimensiuni diferite.

De exemplu, conform designului site-ului, aceeași imagine poate fi afișată în mai multe blocuri: în anunț, în lista materialelor și în versiunea completă a articolului. Dacă doar micșorați imaginea cu ajutorul HTML sau CSS, imaginea rămâne de fapt de dimensiune mare (de exemplu, 500×400 px), ocupând totodată o zonă mai mică (300×250 px). Acest lucru afectează negativ SEO, deoarece mărește greutatea paginii și reduce viteza de încărcare a acesteia — parametri pe care motoarele de căutare îi iau în considerare la clasare.

Funcționalitățile principale ale modulului

Image Resizer este util nu doar din punct de vedere SEO, ci și simplifică semnificativ munca dezvoltatorilor și administratorilor de site-uri. În proiectele de știri și conținut, adesea este necesară afișarea aceleiași imagini în proporții și dimensiuni diferite. La scalarea standard prin CSS, raportul de aspect poate fi distorsionat, ceea ce înrăutățește aspectul vizual.

Datorită funcției Crop (tăiere), modulul decupează automat zona necesară a imaginii și o aduce la dimensiunile setate fără pierderea proporțiilor. Puteți specifica ce parte a imaginii trebuie utilizată — centrul, partea de sus, partea de jos sau colțurile.

Lucrul cu imagini externe

Ca funcționalitate suplimentară, modulul suportă lucrul cu imagini externe. Dacă în material este folosită o imagine încărcată pe un serviciu terț (prin link direct), Image Resizer o poate descărca automat pe serverul dvs., iar apoi poate efectua:

• redimensionarea;

• setarea calității;

• tăierea imaginii.

Optimizarea SEO a numelor fișierelor

Una dintre problemele DLE este adăugarea Unix timestamp la numele imaginii. Astfel de nume de fișiere lungi și greu de citit nu aduc beneficii pentru SEO. Image Resizer rezolvă această problemă, permițând utilizarea valorii alt-tagului ca nume de fișier.

Astfel, imaginile pot primi automat denumiri semnificative, prietenoase pentru SEO, fără prefixe inutile.

Performanță și cache

Redimensionarea imaginilor nu se efectuează la fiecare deschidere a paginii. Procesarea are loc doar la prima afișare a imaginii, după care rezultatul este salvat în cache. Aceasta înseamnă că:

• încărcarea pe server este minimă;

• viteza de încărcare a paginilor nu scade;

• reprocesarea nu este necesară.

URL-uri scurte pentru imagini

Dacă, chiar și după redenumirea URL-ului imaginilor, acesta rămâne prea lung, puteți înlocui calea
/uploads/cache/
cu un director virtual, de exemplu /resimler/.

⚠️ Important: calea virtuală indicată nu trebuie să coincidă cu directoarele utilizate efectiv de sistem sau cu denumirile categoriilor.

Adăugare automată a width și height

După redimensionarea imaginii, modulul poate adăuga automat atributele width și height în codul HTML. Acest lucru are un efect pozitiv asupra SEO și stabilității aspectului, deoarece browserul cunoaște dinainte dimensiunile imaginii.

Exemplu de utilizare

Cod TPL:

HTML fără modul
Dimensiunea imaginii: medium standard din panoul de administrare

HTML cu modulul
Dimensiune: 140×100 px, calitate: 90%

HTML cu modulul (fără denumire automată):

Încărcarea imaginilor prin link extern

Puteți descărca automat imagini de pe site-uri terțe, folosind parametrul d:1:

Rezultat:

Dimensiunea imaginii a fost redusă de la 94 KB la 12 KB, ceea ce reduce semnificativ greutatea totală a paginii.

Flexibilitate de utilizare

Modulul poate fi utilizat în orice fișier .tpl. Este compatibil cu:

• tagurile image;

• câmpurile suplimentare;

• șabloanele standard DLE.

Dacă este necesar, modulul poate fi activat și dezactivat în orice moment.

Optimizarea vitezei de încărcare

Dacă nu sunteți mulțumit de viteza de încărcare a site-ului și utilizați imagini de dimensiuni diferite, Image Resizer vă va permite să vedeți clar diferența în Google PageSpeed.

Pentru o optimizare și mai mare, puteți:

• descărca imaginile din /uploads/cache/;

• să le comprimați suplimentar cu ajutorul utilitarelor (de exemplu, optipng);

• să le încărcați înapoi pe server.

Formate de scriere a parametrilor

Decupare (Crop)

Înainte de decupare, imaginea este redusă automat la dimensiunea minimă admisă, după care se efectuează decuparea.

Descrierea parametrilor

• w — lățime

• h — înălțime

• q — calitate (0–100)

• f — adăugarea width și height în HTML

• d — încărcarea unei imagini externe pe server

• e — orientarea scalării:

  • 1 sau w — după lățime

  • 2 sau h — după înălțime

  • 0 sau gol — după latura lungă

Funcționalități suplimentare

În panoul de administrare puteți alege metoda hash, suportată de server. Ea este folosită pentru formarea sufixului unic al numelui fișierului, de exemplu:

Acesta este un fork al modulului, codul a fost corectat pentru funcționarea pe versiunile actuale DLE 19.0 (Originalul se află aici: https://github.com/dlenettr/image-resizer).

Dacă copiați acest fișier pe site-ul dvs., indicați linkul către site-ul nostru ca autori ai îmbunătățirii!