Cloudimage.io: Naka-cache, Na-crop, Na-resize, o Mga Watermark na Mga Larawan bilang isang Serbisyo
Kamakailan, medyo nagtatrabaho ako sa site na ito upang mapabilis ang bilis. Inalis ko ang isang tonelada ng mga gumagalaw na bahagi upang gawing simple kung paano ito ginawang pera at isinama, ngunit ang bilis ng site ay masyadong mabagal. Sigurado ako na nakakaapekto ito sa aking mambabasa at ng aking organic na paghahanap maabot Matapos magpatulong sa tulong ng aking kaibigan, si Adam Small, na mabilis na nagpapatakbo ng isang kidlat platform sa marketing ng real estate, ang unang item na itinuro niya ay na mayroon akong ilang napakalaking imahe na naglo-load sa aking podcast sidebar.
Ito ay nakakagulat dahil ang mga imahe ay nagmula sa isang site ng third-party na wala akong kontrol sa lahat. Sa isip, gusto kong mag-crop at i-cache ang mga ito nang lokal, ngunit pagkatapos ay kakailanganin kong magsulat ng isang medyo kumplikadong pagsasama. Hindi man sabihing, kahit na may isang solidong pagsasama, ang oras na aabutin upang i-download at baguhin ang laki ng mga imahe ay magiging kakila-kilabot. Kaya, pagkatapos gumawa ng ilang mga paghahanap sa online, natagpuan ko ang perpektong serbisyo - Cloudimage.io
Mga tampok ng Cloudimage.io
- Sa unang pag-load ng imahe, ina-download ng Cloudimage ang iyong pinagmulang imahe para sa iyong bucket ng server / S3, at nai-cache nila ito sa kanilang pagbabago sa laki ng imprastraktura.
- Ang Cloudimage.io ay maaaring opsyonal na baguhin ang laki, i-crop, frame, watermark, at i-compress ang imahe upang gawin itong tumutugon at makatipid sa iyong oras.
- Hinahatid ang iyong mga imahe sa iyong mga customer sa bilis ng ilaw sa pamamagitan ng mabilis na mga CDN, na nagreresulta sa mas mahusay na conversion at maraming benta.
Para sa aking pagpapatupad, nagkaroon ako ng feed ng podcast kung saan nais kong ipakita ang mga imahe ng podcast sa 100px lamang ng 100px ngunit, madalas, ang mga orihinal na imahe ay malaki (sa sukat at pag-file). Kaya - sa Cloudimage, nagagawa lamang naming idagdag ang Image URL sa Cloudimage API, at ang imahe ay nabago ang sukat at na-cache na perpekto.
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
Pansinin ang buong URL:
- Token subdomain sa CloudImage
- Utusan na i-crop ang imahe
- Ang mga sukat ay itinakda sa 100px ng 100px
- Ang aking orihinal na file path
Nagawa ko ring i-lockdown ang aking mga URL kung saan magagamit ko ang Cloudimage API upang hindi ito nakawin ng iba. Sa loob ng ilang minuto, nakahanda na ako ng solusyon, at sa loob ng oras ay naipatupad ko ang solusyon sa aming Feed ng Podcast Widget.