Jak zintegrować IMGIX na stronie

IMGIX (https://www.imgix.com/) jest narzędziem, z którego korzystamy w Alfredowych projektach, w celu łatwej manipulacji rozmiarami obrazków (np. użytkownik uploaduje duży rozmiar obrazka w Alfredzie i nie martwi się prawidłowym rozmiarem na stronie, gdyż dzięki IMGIX zostanie załadowany w odpowiednim dla używanej przez użytkownika rozdzielczości ekranu urządzenia rozmiarze). Oprócz tego IMGIX zapewnia tę usługę poprzez CDN, więc to dodatkowy atut dla szybszego ładowania strony.

Aby stworzyć źródło na IMGIX, z którego będą pobierane obrazki w celu ich manipulacji nad rozmiarem/jakością, należy zalogować się do firmowego konta na IMGIX (chyba, że wcześniej zostało powiedziane, że klient będzie korzystał z osobnego, własnego konta na IMGIX). Jeśli nie, w firmowym managerze haseł znajdziesz dane do logowania (login: [email protected]).

Po zalogowaniu, należy przejść do zakładki Sources i stworzyć nowe źródło. Istotnym ustawieniem jest typ źródła – jeśli projekt korzysta z AWS S3 storage – wybierz Amazon S3, jeśli Azure – wybierz Microsoft Azure. Jeśli pliki przechowywane są w folderze /storage/ projektu (Alfred) lun np. wp-content w WordPressie – wybierz po prostu Web Folder.

Imgix Subdomain powinna być głównym adresem URL domeny projektu (w przypadku wyboru Web folder jako źródło).

Reszta parametrów może pozostać z domyślnymi wartościami, chyba, że projekt wymaga dodatkowej konfiguracji.

Po zakończeniu konfiguracji, należy zapisać źrodło i poczekać kilka minut do momentu, aż proces deployu się zakończy.

Jeśli wszystko zakończyło się sukcesem, można skonfigurować ustawienie IMGIXowej subdomeny w projekcie w pliku .env:

IMGIX_DOMAIN=TUTAJ ADRES
IMGIX_ENABLED=true