31:[] 2f:{"title":"Quick-’n’-easy style transfer, with Cloudinary","cells":[{"id":0,"value":"md`# Quick-’n’-easy style transfer, with Cloudinary`","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"md`[Style transfer](https://cloudinary.com/blog/from_photos_to_art_with_style_transfer) is fun!\n\nStart with the URL of a “content” image:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"viewof contentURL = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"md`Next, an image whose “style” we want to transfer onto that content image:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"viewof styleURL = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"md`Tada!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"html`\n

\n\n\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":231,"value":"md`*PS — there are a couple of optional parameters*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"viewof strength = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"viewof outputWidth = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"outputURL = `https://eric-cloudinary-res.cloudinary.com/image/fetch/w_${ outputWidth }/e_style_transfer${ strength < 100 ? ':' + strength : '' },l_fetch:${ window.btoa( styleURL ) }/${ contentURL }`","pinned":true,"hidden":false,"mode":"ojs"},{"id":67,"value":"css = html``","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}

✋ Content

💅 Style

✨ 🤟 Output ✨