Reduceți dimensiunea originală a imaginii produsului la dimensiunea 1000×1000

Ți-am spus cum să faci asta zilele trecute încă o nicio întrebare nu se deschide!

Cel mai bine este să păstrați imaginile sursă la rezoluție mai mare – acestea ar putea fi utile atunci când toată lumea are ecrane 4K. S-ar putea să nu fie prea departe în viitor. Prin urmare, abordarea pe care v-am sugerat-o ultima dată este destul de bună.

Dacă trebuie să redimensionați toate imaginile în masă, aruncați o privire la acest răspuns:

https://stackoverflow.com/questions/10802606/how-to-batch-resize-images-in-ubuntu-recursively-within-the-terminal

Utilizați imagemagick, pentru care va trebui să acordați 5 minute pentru a instala și a citi opțiunile disponibile.

Puteți face acest lucru folosind funcțiile de manipulare a imaginii PHP.

Consultați http://php.net/manual/en/function.imagecopyresampled.php , al doilea exemplu se apropie de ceea ce doriți.

Sau ați putea găsi niște PHP bibliotecă de coduri care poate face acest lucru pentru dvs.

Aș fi de acord cu @Mmazvis să fac acest lucru manual (Photoshop sau alte instrumente profesionale pot procesa acest lucru în lot) deoarece manipularea imaginilor PHP este o abilitate complet diferită.

Comentarii

• mulțumesc foarte mult, puteți explica cum să implementați în site-ul magento, în ce fișier, ce cod trebuie să înlocuiesc ..?. ..
• Donați ' nu vă recomandăm ruta Photoshop consumatoare de timp. Decuparea / redimensionarea imaginilor fie în PHP, fie la nivelul sistemului de operare nu este dificilă. Totul se poate face pe server fără a petrece tot anul încărcând fișiere. Photoshop este un antrenor relativ lent care efectuează orice operație de lot, deoarece trebuie să conducă o interfață grafică. Multe opțiuni sunt, de asemenea, un pic complicate pentru sarcina în cauză.

Cea mai bună practică pentru utilizarea imaginilor în magento înseamnă decuparea manuală a imaginii în rezoluția dorită folosind photoshop sau orice alt software de editare a fotografiilor, cum ar fi MS Paint.

De obicei realizez 2 dimensiuni diferite:

-1000px X 1000px (~ 80kb)

-300px X 300px (~ 10kb)

Imaginea 1000×1000 este utilizată ca imagine de bază, astfel încât să se încarce doar pe pagina produsului & imaginea de 300×300 este utilizată pentru imagini mici & miniatură.

Această practică ajută la reducerea timpului de încărcare a paginii de vizualizare a listei de produse cu cât mai multe produse se încarcă în același timp. Imaginile mai mari înseamnă mai multe date care trebuie descărcate de pe server.

Notă: bifați „Excludeți” pentru imaginea miniatură (300×300)

Comentarii

• Acesta este un sfat slab. De ce să pierdeți timpul redimensionând imaginile atunci când serverul o poate face atât de ușor? A face manual acest lucru nu este doar o pierdere de timp, ci înseamnă și că poți face greșeli.
• dragă @Woolfie, calitatea imaginii este necesară în comerțul electronic și sunt sigur că nu ești familiarizat cu acest concept. Când serverul redimensionează imaginea, aceasta îi reduce calitatea, făcând imaginea puțin zimțată și neclară. Chiar dacă cumva nu s-a efectuat calitatea ' (ceea ce nu este posibil), imaginea mai mare s-ar încărca din nou mai încet de pe server, deoarece serverul ar lua cât mai mult timp să le redimensioneze.
• Dacă aveți un director de imagini pe server, le puteți redimensiona in-situ pe server cu imagemagick. Descărcarea lor (sau reîncărcarea lor) și utilizarea unor aplicații grafice pentru desktop (nu sunt sigur că MS Paint se califică) înseamnă că aveți mult de lucru de făcut, ceea ce este ineficient, lipsit de sens, o pierdere totală de timp și sfaturi excepționale slabe pentru da cuiva. De fapt, nu ' nu trebuie să redimensionați în mod explicit nimic dacă luați ruta Google PageSpeed – acest lucru face tot ce este posibil pentru a livra imagini cu dimensiunea corectă în browser. Vă spun asta pentru că ați putea învăța ceva.