Cloudimage.io: Slike kao predmemorirane, obrezane, promijenjene ili s vodenim žigovima
Nedavno radim prilično na ovoj stranici kako bih ubrzao. Uklonio sam tonu pokretnih dijelova kako bih pojednostavio način unovčavanja i integriranja, ali brzina web lokacije i dalje je prespora. Uvjeren sam da to utječe na moje čitateljstvo i moje organsko pretraživanje dohvatiti. Nakon što sam zatražio pomoć mog prijatelja Adama Smalla, koji djeluje munjevito platforma za marketing nekretnina, prva stavka koju je istaknuo je da sam na bočnoj traci podcasta učitao neke vrlo velike slike.
To je zbunjivalo jer slike dolaze s web-mjesta treće strane nad kojom imam malo kontrole. U idealnom bih slučaju volio da ih lokalno obrezujem i predmemoriram, ali tada bih morao napisati prilično složenu integraciju. A da ne spominjemo da bi, čak i uz solidnu integraciju, vrijeme koje bi bilo potrebno za preuzimanje i promjenu veličine slika bilo užasno. Nakon pretraživanja na mreži, pronašao sam savršenu uslugu - Cloudimage.io
Značajke Cloudimage.io
- Pri prvom učitavanju slike, Cloudimage preuzima vašu izvornu sliku za vaš segment poslužitelja / S3 i oni je predmemoriraju na svojoj infrastrukturi za promjenu veličine.
- Cloudimage.io po želji može promijeniti veličinu, obrezati, uokviriti, voditi žig i komprimirati sliku kako bi reagirala i uštedjela vam vrijeme.
- Vaše se slike isporučuju vašim kupcima brzinom svjetlosti putem brzih CDN-ova, što rezultira boljom konverzijom i većom prodajom.
Za moju implementaciju imao sam feed podcasta gdje sam želio prikazati slike podcasta sa samo 100 x 100 piksela, ali često su izvorne slike bile ogromne (u dimenzijama i veličini datoteke). Dakle - s Cloudimageom možemo dodati URL slike na Cloudimage API, a slika se mijenja i savršeno predmemorira.
https://ce8db294c.cloudimg.io/usjev/100x100 / x /https://images.fireside.fm/podcasts/images/c/c5d9b182-9c16-43a8-873d-ccc51c40dd8b/episodes/b/b638ca26-7bd9-4f6a-b039-99792720ff4a/cover.jpg
Primijetite puni URL:
- Poddomena tokena CloudImageu
- Naredba za obrezivanje slike
- Dimenzije postavljene na 100 x 100 piksela
- Moj izvorni put do datoteke
Uspio sam zaključati i svoje URL-ove gdje bih mogao koristiti Cloudimage API tako da ga drugi ne mogu ukrasti. U roku od nekoliko minuta, pripremio sam rješenje i za sat vremena implementirao sam rješenje u našu Podcast feed Widget.