Deploying to gh-pages from @ 22491dc 🚀

feed.xml

@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="https://satish.dev/feed.xml" rel="self" type="application/atom+xml"/><link href="https://satish.dev/" rel="alternate" type="text/html" hreflang="en"/><updated>2024-09-10T12:51:22+00:00</updated><id>https://satish.dev/feed.xml</id><title type="html">Naman Satish</title><subtitle>Based on [*folio](https://github.com/bogoli/-folio) design. </subtitle><entry><title type="html">Computational Photography</title><link href="https://satish.dev/blog/2024/computational-photography/" rel="alternate" type="text/html" title="Computational Photography"/><published>2024-06-01T00:00:00+00:00</published><updated>2024-06-01T00:00:00+00:00</updated><id>https://satish.dev/blog/2024/computational-photography</id><content type="html" xml:base="https://satish.dev/blog/2024/computational-photography/"><![CDATA[<p>I’m currently set to take a course in CV/Computational Photography (CS 180) at Berkeley this Fall. To get a better understanding of the field, I’ve been experimenting with some of the techniques used in computational photography, such as image stitching, and used my recent trip to Japan as an opportunity to practice.</p> <h3 id="image-quality">Image Quality</h3> <p>Some of the resulting images are quite large (2GB), which is not really feasible for a blog post. But at the same time, compression is not ideal for showcasing the quality of the images. While I’ve tried to strike a balance, the images may take a while to load. To understand how much detail is lost in the compression, I’ve included a comparison slider for a ~500MB image below. It was compressed to a 9.2 MB JPG and to a 127KB WebP.</p> <img-comparison-slider> <figure slot="first"> <picture> <source class="responsive-img-srcset" srcset="/assets/img/japan_trip/Fushimi_Inari_Taisha-480.webp 480w,/assets/img/japan_trip/Fushimi_Inari_Taisha-800.webp 800w,/assets/img/japan_trip/Fushimi_Inari_Taisha-1400.webp 1400w," sizes="95vw" type="image/webp"/> <img src="/assets/img/japan_trip/Fushimi_Inari_Taisha.jpg" class="img-fluid rounded z-depth-1" width="100%" height="auto" loading="eager" onerror="this.onerror=null; $('.responsive-img-srcset').remove();"/> </picture> </figure> <figure slot="second"> <picture> <source class="responsive-img-srcset" srcset="/assets/img/japan_trip/Fushimi_Inari_Taisha-480.webp 480w,/assets/img/japan_trip/Fushimi_Inari_Taisha-800.webp 800w,/assets/img/japan_trip/Fushimi_Inari_Taisha-1400.webp 1400w," sizes="95vw" type="image/webp"/> <img src="/assets/img/japan_trip/Fushimi_Inari_Taisha.jpg" class="img-fluid rounded z-depth-1" width="100%" height="auto" loading="eager" onerror="this.onerror=null; $('.responsive-img-srcset').remove();"/> </picture> </figure> </img-comparison-slider> <p>Here is a picture of Mount Fuji.</p> <figure> <picture> <source class="responsive-img-srcset" srcset="/assets/img/japan_trip/Mount_Fuji-480.webp 480w,/assets/img/japan_trip/Mount_Fuji-800.webp 800w,/assets/img/japan_trip/Mount_Fuji-1400.webp 1400w," sizes="95vw" type="image/webp"/> <img src="/assets/img/japan_trip/Mount_Fuji.jpg" class="img-fluid rounded z-depth-1" width="100%" height="auto" alt="Mount Fuji" loading="eager" onerror="this.onerror=null; $('.responsive-img-srcset').remove();"/> </picture> </figure>]]></content><author><name></name></author><category term="personal"/><category term="vacation"/><category term="images"/><category term="photomerge"/><category term="photography"/><summary type="html"><![CDATA[Experimenting with computational photography on vacation!]]></summary></entry></feed>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.3.3">Jekyll</generator><link href="https://satish.dev/feed.xml" rel="self" type="application/atom+xml"/><link href="https://satish.dev/" rel="alternate" type="text/html" hreflang="en"/><updated>2024-09-10T13:13:16+00:00</updated><id>https://satish.dev/feed.xml</id><title type="html">Naman Satish</title><subtitle>Based on [*folio](https://github.com/bogoli/-folio) design. </subtitle><entry><title type="html">Computational Photography</title><link href="https://satish.dev/blog/2024/computational-photography/" rel="alternate" type="text/html" title="Computational Photography"/><published>2024-06-01T00:00:00+00:00</published><updated>2024-06-01T00:00:00+00:00</updated><id>https://satish.dev/blog/2024/computational-photography</id><content type="html" xml:base="https://satish.dev/blog/2024/computational-photography/"><![CDATA[<p>I’m currently set to take a course in CV/Computational Photography (CS 180) at Berkeley this Fall. To get a better understanding of the field, I’ve been experimenting with some of the techniques used in computational photography, such as image stitching, and used my recent trip to Japan as an opportunity to practice.</p> <h3 id="image-quality">Image Quality</h3> <p>Some of the resulting images are quite large (2GB), which is not really feasible for a blog post. But at the same time, compression is not ideal for showcasing the quality of the images. While I’ve tried to strike a balance, the images may take a while to load. To understand how much detail is lost in the compression, I’ve included a comparison slider for a ~500MB image below. It was compressed to a 9.2 MB JPG and to a 127KB WebP.</p> <img-comparison-slider> <figure slot="first"> <picture> <source class="responsive-img-srcset" srcset="/assets/img/japan_trip/Fushimi_Inari_Taisha-480.webp 480w,/assets/img/japan_trip/Fushimi_Inari_Taisha-800.webp 800w,/assets/img/japan_trip/Fushimi_Inari_Taisha-1400.webp 1400w," sizes="95vw" type="image/webp"/> <img src="/assets/img/japan_trip/Fushimi_Inari_Taisha.jpg" class="img-fluid rounded z-depth-1" width="100%" height="auto" loading="eager" onerror="this.onerror=null; $('.responsive-img-srcset').remove();"/> </picture> </figure> <figure slot="second"> <picture> <source class="responsive-img-srcset" srcset="/assets/img/japan_trip/Fushimi_Inari_Taisha-480.webp 480w,/assets/img/japan_trip/Fushimi_Inari_Taisha-800.webp 800w,/assets/img/japan_trip/Fushimi_Inari_Taisha-1400.webp 1400w," sizes="95vw" type="image/webp"/> <img src="/assets/img/japan_trip/Fushimi_Inari_Taisha.jpg" class="img-fluid rounded z-depth-1" width="100%" height="auto" loading="eager" onerror="this.onerror=null; $('.responsive-img-srcset').remove();"/> </picture> </figure> </img-comparison-slider> <p>Here is a picture of Mount Fuji.</p> <figure> <picture> <source class="responsive-img-srcset" srcset="/assets/img/japan_trip/Mount_Fuji-480.webp 480w,/assets/img/japan_trip/Mount_Fuji-800.webp 800w,/assets/img/japan_trip/Mount_Fuji-1400.webp 1400w," sizes="95vw" type="image/webp"/> <img src="/assets/img/japan_trip/Mount_Fuji.jpg" class="img-fluid rounded z-depth-1" width="100%" height="auto" alt="Mount Fuji" loading="eager" onerror="this.onerror=null; $('.responsive-img-srcset').remove();"/> </picture> </figure>]]></content><author><name></name></author><category term="personal"/><category term="vacation"/><category term="images"/><category term="photomerge"/><category term="photography"/><summary type="html"><![CDATA[Experimenting with computational photography on vacation!]]></summary></entry></feed>