<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Responsive Images on Jamie Ede</title>
    <link>https://jamieede.com/tags/responsive-images/</link>
    <description>Recent content in Responsive Images on Jamie Ede</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <lastBuildDate>Tue, 23 Jun 2026 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://jamieede.com/tags/responsive-images/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Cloudflare Images with flexible delivery and retina srcSet</title>
      <link>https://jamieede.com/posts/cloudflare-images-flexible-delivery-and-retina-srcset/</link>
      <pubDate>Tue, 23 Jun 2026 00:00:00 +0000</pubDate>
      <guid>https://jamieede.com/posts/cloudflare-images-flexible-delivery-and-retina-srcset/</guid>
      <description>&lt;p&gt;&lt;a href=&#34;https://developers.cloudflare.com/images/&#34; target=&#34;_blank&#34; &gt;Cloudflare Images&lt;/a&gt;&#xA; can serve every size you need from one source. Once you stop thinking in fixed variants and start thinking in widths, the responsive &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; writes itself.&lt;/p&gt;&#xA;&lt;p&gt;This post is part of the &lt;a href=&#34;https://jamieede.com/posts/building-a-photography-portfolio-on-cloudflares-full-stack/&#34; &gt;photography portfolio series&lt;/a&gt;&#xA;. It covers how the photography sites at &lt;a href=&#34;https://alex.edestudio.us&#34; target=&#34;_blank&#34; &gt;alex.edestudio.us&lt;/a&gt;&#xA; and &lt;a href=&#34;https://jamie.edestudio.us&#34; target=&#34;_blank&#34; &gt;jamie.edestudio.us&lt;/a&gt;&#xA; deliver photos to the browser: one source per photo in Cloudflare Images, three rendering profiles (&lt;code&gt;grid&lt;/code&gt;, &lt;code&gt;display&lt;/code&gt;, &lt;code&gt;hero&lt;/code&gt;), retina-aware &lt;code&gt;srcSet&lt;/code&gt;, and an honest answer to &amp;ldquo;how do downloads work&amp;rdquo;.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
