Zmniejsz rozmiar oryginalnego obrazu produktu do wymiaru 1000 x 1000

Mówiłem ci, jak to zrobić niedawno a otwiera się kolejne pytanie!

Obrazy źródłowe najlepiej przechowywać w wyższej rozdzielczości – mogą się przydać, gdy każdy ma ekrany 4K. To może nie być za daleko w przyszłości. Dlatego podejście, które zasugerowałem ostatnio, jest całkiem dobre.

Jeśli musisz zmienić rozmiar wszystkich swoich obrazów, spójrz na tę odpowiedź:

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

Użyj imagemagick, na który będziesz potrzebować 5 minut na instalację i przeczytanie dostępnych opcji.

Mógłbyś to zrobić za pomocą funkcji PHP do manipulacji obrazami.

Zobacz http://php.net/manual/en/function.imagecopyresampled.php , drugi przykład jest bliski temu, czego chcesz.

Albo możesz znaleźć trochę PHP biblioteka kodu, która może to zrobić za Ciebie.

Zgodziłbym się z @Mmazvis zrobić to ręcznie (Photoshop lub inne profesjonalne narzędzia mogą to przetwarzać wsadowo), ponieważ manipulowanie obrazami PHP to zupełnie inna umiejętność.

Komentarze

• wielkie dzięki, czy możesz wyjaśnić jak zaimplementować w serwisie magento, w którym pliku, jaki kod mam podmienić ..?. ..
• Nie ' t informować o czasochłonnej trasie programu Photoshop. Przycinanie / zmiana rozmiaru obrazów w PHP lub na poziomie systemu operacyjnego nie jest trudne. Wszystko to można zrobić na serwerze bez spędzania całego roku na przesyłaniu plików. Photoshop jest stosunkowo powolnym trenerem wykonującym dowolne operacje wsadowe, ponieważ musi sterować graficznym interfejsem użytkownika. Niezliczone opcje są również odrobinę skomplikowane w przypadku wykonywanego zadania.

Najlepsze rozwiązanie dla używanie obrazów w magento polega na ręcznym przycięciu obrazu do żądanej rozdzielczości za pomocą Photoshopa lub innego oprogramowania do edycji zdjęć, takiego jak MS Paint.

Zwykle robię 2 różne rozmiary:

-1000px X 1000px (~ 80kb)

-300px X 300px (~ 10kb)

Obraz 1000×1000 jest używany jako obraz podstawowy, więc ładuje się tylko na stronie produktu & obraz 300×300 jest używany do małego obrazu & miniatury.

Ta praktyka pomaga skrócić czas ładowania strony widoku listy produktów, ponieważ wiele produktów jest ładowanych jednocześnie. Większe obrazy oznaczają więcej danych do pobrania z serwera.

Uwaga: zaznacz opcję „Wyklucz” dla miniatury (300×300) obrazu

Komentarze

• To jest kiepska rada. Po co tracić czas na zmianę rozmiaru obrazów, skoro serwer może to zrobić tak łatwo? Ręczne robienie tego to nie tylko strata czasu, ale także oznacza, że możesz popełniać błędy.
• Drogi @Woolfie, Jakość obrazu jest wymagana w handlu elektronicznym i jestem pewien, że nie znasz tej koncepcji. Gdy serwer zmienia rozmiar obrazu, obniża jego jakość, przez co obraz jest nieco poszarpany i rozmyty. Nawet jeśli w jakiś sposób nie wpłynie to na ' jakości (co nie jest możliwe), większy obraz będzie ponownie ładował się wolniej z serwera, ponieważ zmiana ich rozmiaru zajęłaby serwerowi tyle samo czasu.
• Jeśli masz katalog obrazów na serwerze, możesz zmienić ich rozmiar in-situ na serwerze za pomocą imagemagick. Pobranie ich (lub ponowne przesłanie) i użycie jakiejś kiepskiej aplikacji graficznej na komputer (nie jestem pewien, czy MS Paint kwalifikuje się) oznacza, że masz dużo pracy, która jest nieefektywna, bezsensowna, totalna strata czasu i wyjątkowo słaba rada dać komuś. W rzeczywistości nie ' nie musisz zmieniać rozmiaru czegokolwiek bezpośrednio, jeśli wybierzesz trasę Google PageSpeed – robi to wszystko w locie, aby dostarczać obrazy o odpowiednim rozmiarze do przeglądarki. Mówię ci to, ponieważ możesz się czegoś nauczyć.