Cloudimage.io: obrazy zapisane w pamięci podręcznej, przycięte, o zmienionym rozmiarze lub ze znakiem wodnym jako usługa
Ostatnio sporo pracowałem nad tą witryną, aby przyspieszyć. Usunąłem mnóstwo ruchomych części, aby uprościć sposób zarabiania i integracji, ale szybkość witryny jest nadal zbyt niska. Jestem przekonany, że ma to wpływ na moich czytelników i moje bezpłatne wyszukiwanie dosięgnąć. Po skorzystaniu z pomocy mojego przyjaciela Adama Small'a, który działa błyskawicznie platforma marketingu nieruchomości, pierwszą rzeczą, na którą zwrócił uwagę, było to, że ładowałem bardzo duże obrazy na pasku bocznym podcastu.
Było to niepokojące, ponieważ obrazy pochodzą z witryny innej firmy, nad którą mam niewielką kontrolę. Idealnie byłoby, gdyby chciał je przyciąć i umieścić w pamięci podręcznej lokalnie, ale wtedy musiałbym napisać dość złożoną integrację. Nie wspominając o tym, że nawet przy solidnej integracji czas potrzebny na pobranie i zmianę rozmiaru obrazów byłby okropny. Tak więc po przeprowadzeniu kilku wyszukiwań w Internecie znalazłem idealną usługę - Cloudimage.io
Funkcje Cloudimage.io
- Przy pierwszym załadowaniu obrazu Cloudimage pobiera obraz początkowy dla zasobnika serwera / S3 i buforuje go w swojej infrastrukturze zmiany rozmiaru.
- Cloudimage.io może opcjonalnie zmienić rozmiar, przyciąć, obramować, dodać znak wodny i skompresować obraz, aby był responsywny i oszczędzał czas.
- Twoje obrazy są dostarczane klientom z prędkością światła za pośrednictwem szybkich sieci CDN, co skutkuje lepszą konwersją i większą sprzedażą.
Na potrzeby mojej implementacji miałem kanał podcastowy, w którym chciałem wyświetlać obrazy podcastów w rozmiarze zaledwie 100 na 100 pikseli, ale często oryginalne obrazy były ogromne (pod względem wymiarów i rozmiaru plików). Tak więc - dzięki Cloudimage jesteśmy w stanie po prostu dołączyć adres URL obrazu do interfejsu API Cloudimage, a rozmiar obrazu jest doskonale zmieniany i buforowany.
https://ce8db294c.cloudimg.io/crop /100x100 / x /https://images.fireside.fm/podcasts/images/c/c5d9b182-9c16-43a8-873d-ccc51c40dd8b/episodes/b/b638ca26-7bd9-4f6a-b039-99792720ff4a/cover.jpg
Zwróć uwagę na pełny adres URL:
- Poddomena tokena do CloudImage
- Polecenie, aby przyciąć obraz
- Wymiary ustawione na 100 na 100 pikseli
- Moja oryginalna ścieżka do pliku
Udało mi się również zablokować moje adresy URL, w których mogłem korzystać z interfejsu API Cloudimage, aby inni nie mogli go ukraść. W ciągu kilku minut miałem gotowe rozwiązanie, aw ciągu godziny wdrożyłem je do naszego Kanał podcastowy Widżet