1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="description" content="Expert guides on image & video optimization, real-time transformations, adaptive streaming, AI-powered digital asset management, and web performance. Tutorials, case studies, and best practices."><link rel="icon" type="image/png" href="https://imagekit.io/favicon-32x32.png"><link rel="canonical" href="https://imagekit.io/blog/"><link rel="sitemap" type="application/xml" href="/blog/sitemap-index.xml"><link rel="alternate" type="application/rss+xml" title="ImageKit.io Blog RSS Feed" href="/blog/rss.xml"><meta name="generator" content="Astro v5.16.6"><title>ImageKit.io Blog - Image & Video Optimization, Delivery, and DAM</title><!-- Open Graph / Facebook --><meta property="og:site_name" content="ImageKit.io Blog"><meta property="og:type" content="website"><meta property="og:title" content="ImageKit.io Blog - Image & Video Optimization, Delivery, and DAM"><meta property="og:description" content="Expert guides on image & video optimization, real-time transformations, adaptive streaming, AI-powered digital asset management, and web performance. Tutorials, case studies, and best practices."><meta property="og:url" content="https://imagekit.io/blog/"><meta property="og:image" content="https://ik.imagekit.io/ikmedia/Graphics/2024%20Website%20Graphics/OG%20Images/OG%20Docs%20v4.jpg?tr=w-1200,h-630:l-text,i-ImageKit%20Blog,co-ffffff,fs-68,lx-100,ly-200,tg-b,ia-left,ff-Montserrat,l-end:l-text,i-Image%20%26%20video%20optimization%2C%20delivery%2C%20and%20DAM,co-ffffff,fs-38,lx-100,ly-300,w-1000,ia-left,ff-Montserrat,l-end"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="article:publisher" content="https://www.facebook.com/imagekit.io/"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@imagekitio"><meta name="twitter:title" content="ImageKit.io Blog - Image & Video Optimization, Delivery, and DAM"><meta name="twitter:description" content="Expert guides on image & video optimization, real-time transformations, adaptive streaming, AI-powered digital asset management, and web performance. Tutorials, case studies, and best practices."><meta name="twitter:url" content="https://imagekit.io/blog/"><meta name="twitter:image" content="https://ik.imagekit.io/ikmedia/Graphics/2024%20Website%20Graphics/OG%20Images/OG%20Docs%20v4.jpg?tr=w-1200,h-630:l-text,i-ImageKit%20Blog,co-ffffff,fs-68,lx-100,ly-200,tg-b,ia-left,ff-Montserrat,l-end:l-text,i-Image%20%26%20video%20optimization%2C%20delivery%2C%20and%20DAM,co-ffffff,fs-38,lx-100,ly-300,w-1000,ia-left,ff-Montserrat,l-end"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate">
1<script type="module" src="/blog/ik-build-static-assets/astro/ClientRouter.astro_astro_type_script_index_0_lang.Cd6TweYg.js"></script>
1<style>.post-grid[data-astro-cid-tlgb5vcc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:2rem auto;padding:0 2rem}@media(max-width:768px){.post-grid[data-astro-cid-tlgb5vcc]{grid-template-columns:1fr;gap:1.5rem;margin:1.5rem auto;padding:0 1rem}} 2</style> 3<link rel="stylesheet" href="/blog/ik-build-static-assets/astro/_slug_.BX8n2ugK.css"> 4<style>.pagination[data-astro-cid-d776pwuy]{margin:3rem auto;padding:0 2rem;max-width:1200px}.pagination-container[data-astro-cid-d776pwuy]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.pagination-button[data-astro-cid-d776pwuy]{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:2.5rem;height:2.5rem;padding:0 .75rem;background:var(--bg-secondary);color:var(--accent);text-decoration:none;border-radius:.5rem;font-weight:500;font-size:var(--font-xs);transition:all .2s ease;border:1px solid var(--border);white-space:nowrap}.pagination-button[data-astro-cid-d776pwuy] svg[data-astro-cid-d776pwuy]{flex-shrink:0;width:16px;height:16px}.pagination-button[data-astro-cid-d776pwuy]:hover:not(.pagination-disabled){background:var(--accent);color:var(--color-white);border-color:var(--accent);transform:translateY(-1px)}.pagination-button[data-astro-cid-d776pwuy].pagination-disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.pagination-numbers[data-astro-cid-d776pwuy]{display:flex;list-style:none;margin:0;padding:0;gap:.5rem;align-items:center}.pagination-numbers[data-astro-cid-d776pwuy] li[data-astro-cid-d776pwuy]{margin:0}.pagination-number[data-astro-cid-d776pwuy]{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .5rem;background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:.5rem;font-weight:500;font-size:var(--font-xs);transition:all .2s ease;border:1px solid var(--border)}.pagination-number[data-astro-cid-d776pwuy]:hover{background:var(--accent);color:var(--color-white);border-color:var(--accent);transform:translateY(-1px)}.pagination-current[data-astro-cid-d776pwuy]{background:var(--accent);color:var(--color-white);border-color:var(--accent);cursor:default}.pagination-ellipsis[data-astro-cid-d776pwuy]{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:var(--text-secondary);font-weight:600}@media(max-width:640px){.pagination[data-astro-cid-d776pwuy]{margin:2rem auto;padding:0 .5rem}.pagination-container[data-astro-cid-d776pwuy]{gap:.25rem;max-width:100%}.pagination-button[data-astro-cid-d776pwuy]{min-width:2rem;width:2rem;height:2rem;padding:0;font-size:0;gap:0}.pagination-button[data-astro-cid-d776pwuy] svg[data-astro-cid-d776pwuy]{width:16px;height:16px;margin:0}.pagination-number[data-astro-cid-d776pwuy]{min-width:2rem;width:2rem;height:2rem;padding:0;font-size:.75rem}.pagination-ellipsis[data-astro-cid-d776pwuy]{min-width:1.5rem;height:2rem;font-size:.875rem}} 5</style>
5<script type="module" src="/blog/ik-build-static-assets/astro/page.ZXyU73wm.js"></script>
5</head> <body> <header> <nav class="header-nav"> <div class="nav-container"> <a href="/blog/" class="logo"> <img src="https://ik.imagekit.io/ikmedia/logo/ikLogoWhite_30FbZCVusC.svg?updatedAt=1631077405708" alt="ImageKit" width="140" height="28"> </a> <div class="nav-links"> <a href="https://imagekit.io/image-api/" target="_blank">Image API</a> <a href="https://imagekit.io/video-api/" target="_blank">Video API</a> <a href="https://imagekit.io/digital-asset-management/" target="_blank">DAM</a> <a href="https://imagekit.io/docs" target="_blank">Docs</a> <a href="https://imagekit.io/plans" target="_blank">Pricing</a> <a href="https://imagekit.io/login" target="_blank" class="nav-cta">Sign In</a> <a href="https://imagekit.io/registration" target="_blank" rel="noopener noreferrer" class="btn btn-primary " data-astro-cid-vnzlvqnm> Sign Up Free </a> </div> </div> </nav> </header> <main> <div class="post-grid " data-astro-cid-tlgb5vcc> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/flora-generative-media-delivery-case-study/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/Flora%20case%20study/Flora%20cover.jpg?updatedAt=1786978535398&tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/Flora%20case%20study/Flora%20cover.jpg?updatedAt=1786978535398&tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/Flora%20case%20study/Flora%20cover.jpg?updatedAt=1786978535398&tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/Flora%20case%20study/Flora%20cover.jpg?updatedAt=1786978535398&tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/Flora%20case%20study/Flora%20cover.jpg?updatedAt=1786978535398&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Flora%20case%20study/Flora%20cover.jpg?updatedAt=1786978535398&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Flora%20case%20study/Flora%20cover.jpg?updatedAt=1786978535398&tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How FLORA Scaled AI Media Delivery 20x Without Compromising Creative Quality" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/flora-generative-media-delivery-case-study/" class="post-title-link" data-astro-cid-f45vxlzk> How FLORA Scaled AI Media Delivery 20x Without Compromising Creative Quality </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>FLORA uses ImageKit to transform, optimize and deliver its rapidly growing library of high-resolution AI-generated and user-uploaded media, helping it...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2024/07/Rajat-1.jpg?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Rajat Anand" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Rajat Anand</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-08-18T00:00:00.000Z" class data-astro-cid-wjcimrpb> Aug 18, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/lighthouse-learning-video-streaming-case-study/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/Lighthouse%20Learning%20case%20study/lighthouse
5-learning-featured.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/Lighthouse%20Learning%20case%20study/lighthouse-learning-featured.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/Lighthouse%20Learning%20case%20study/lighthouse-learning-featured.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/Lighthouse%20Learning%20case%20study/lighthouse-learning-featured.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/Lighthouse%20Learning%20case%20study/lighthouse-learning-featured.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Lighthouse%20Learning%20case%20study/lighthouse-learning-featured.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Lighthouse%20Learning%20case%20study/lighthouse-learning-featured.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="Lighthouse Learning Improves Video Performance and Engagement Across 8 Education Apps with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/lighthouse-learning-video-streaming-case-study/" class="post-title-link" data-astro-cid-f45vxlzk> Lighthouse Learning Improves Video Performance and Engagement Across 8 Education Apps with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Lighthouse Learning moved off a legacy video streaming platform to deliver consistent, buffer-free video streaming to 600K+ users across 8 apps and we...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2024/07/Rajat-1.jpg?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Rajat Anand" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Rajat Anand</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-07-22T00:00:00.000Z" class data-astro-cid-wjcimrpb> Jul 22, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/add-subtitles-to-mp4-videos/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-subtitles/Subtitles.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-subtitles/Subtitles.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-subtitles/Subtitles.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-subtitles/Subtitles.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-subtitles/Subtitles.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-subtitles/Subtitles.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-subtitles/Subtitles.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How to add subtitles to an MP4 video" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/add-subtitles-to-mp4-videos/" class="post-title-link" data-astro-cid-f45vxlzk> How to add subtitles to an MP4 video </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Four ways to add subtitles to an MP4: a WebVTT track, an SRT file converted to WebVTT, burned-in captions with ffmpeg, and broadcast-adjacent formats ...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-07-13T00:00:00.000Z" class data-astro-cid-wjcimrpb>
5 Jul 13, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/add-chapters-to-mp4-videos/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-chapters/chapters.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-chapters/chapters.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-chapters/chapters.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-chapters/chapters.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-chapters/chapters.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-chapters/chapters.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/mp4-chapters/chapters.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How to add chapters to an MP4 video" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/add-chapters-to-mp4-videos/" class="post-title-link" data-astro-cid-f45vxlzk> How to add chapters to an MP4 video </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Three ways to add chapter markers to an MP4: embed them in the container, ship a WebVTT chapters track, or pass a `chapters` prop to ImageKit's Video ...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-07-09T00:00:00.000Z" class data-astro-cid-wjcimrpb> Jul 9, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/creative-automation-launched-in-imagekit-dam/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/blog/creative-automation-launch/creative-automation-launch-cover.png?tr=w-1200" loading="lazy" alt="Introducing Creative Automation in ImageKit: Generate On-Brand Campaign Creatives at Scale" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/creative-automation-launched-in-imagekit-dam/" class="post-title-link" data-astro-cid-f45vxlzk> Introducing Creative Automation in ImageKit: Generate On-Brand Campaign Creatives at Scale </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Generate campaign creatives at scale using reusable, brand-approved templates and AI Assist in ImageKit, while keeping every output on-brand and fully...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/serena/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2023/12/590c9934-a89a-45b9-8030-d795a7cc56b1-1.JPG?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Serena Job" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/serena/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Serena Job</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-06-26T00:00:00.000Z" class data-astro-cid-wjcimrpb> Jun 26, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/nextjs-video-playlists/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20playlist/nextjs-playlists.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20playlist/nextjs-playlists.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20playlist/nextjs-playlists.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20playlist/nextjs-playlists.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20playlist/nextjs-playlists.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20playlist/nextjs-playlists.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20playlist/nextjs-playlists.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How to add video playlists to your Next.js site with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/nextjs-video-playlists/" class="post-title-link" data-astro-cid-f45vxlzk> How to add video playlists to your Next.js site with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>A step-by-step tutorial for adding video playlists to a Next.js site using ImageKit's Video Player SDK. Covers the playlist widget, auto-advance, upco...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-06-26T00:00:00.000Z" class data-astro-cid-wjcimrpb> Jun 26, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/agrostar-imagekit-case-study/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/Agrostar%20Case%20study/AgroStar%20cover.jpg?updatedAt=1782295979366&tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/Agrostar%20Case%20study/AgroStar%20cover.jpg?updatedAt=1782295979366&tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/Agrostar%20Case%20study/AgroStar%20cover.jpg?updatedAt=1782295979366&tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/Agrostar%20Case%20study/AgroStar%20cover.jpg?updatedAt=1782295979366&tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/Agrostar%20Case%20study/AgroStar%20cover.jpg?updatedAt=1782295979366&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Agrostar%20Case%20study/AgroStar%20cover.jpg?updatedAt=1782295979366&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Agrostar%20Case%20study/AgroStar%20cover.jpg?updatedAt=1782295979366&tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How AgroStar Cut Media Delivery Costs by 40% with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/agrostar-imagekit-case-study/" class="post-title-link" data-astro-cid-f45vxlzk> How AgroStar Cut Media Delivery Costs by 40% with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>AgroStar uses ImageKit as a unified media optimization and delivery layer across its multi-cloud storage architecture, helping deliver media more effi...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2024/07/Rajat-1.jpg?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Rajat Anand" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Rajat Anand</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-06-22T00:00:00.000Z" class data-astro-cid-wjcimrpb>
5 Jun 22, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/remato-imagekit-case-study/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/Remato%20case%20study/Remato%20cover.jpg?updatedAt=1782296867147&tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/Remato%20case%20study/Remato%20cover.jpg?updatedAt=1782296867147&tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/Remato%20case%20study/Remato%20cover.jpg?updatedAt=1782296867147&tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/Remato%20case%20study/Remato%20cover.jpg?updatedAt=1782296867147&tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/Remato%20case%20study/Remato%20cover.jpg?updatedAt=1782296867147&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Remato%20case%20study/Remato%20cover.jpg?updatedAt=1782296867147&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Remato%20case%20study/Remato%20cover.jpg?updatedAt=1782296867147&tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How Remato scaled image delivery with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/remato-imagekit-case-study/" class="post-title-link" data-astro-cid-f45vxlzk> How Remato scaled image delivery with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Remato uses ImageKit as a unified image storage, optimization, transformation, and delivery layer, helping its mobile-first construction management pl...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2024/07/Rajat-1.jpg?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Rajat Anand" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/rajat/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Rajat Anand</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-06-22T00:00:00.000Z" class data-astro-cid-wjcimrpb> Jun 22, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/ai-generated-subtitles-chapters-nextjs/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20subtitles/nextjs-subtitles.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20subtitles/nextjs-subtitles.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20subtitles/nextjs-subtitles.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20subtitles/nextjs-subtitles.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20subtitles/nextjs-subtitles.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20subtitles/nextjs-subtitles.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20subtitles/nextjs-subtitles.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How to add AI subtitles and chapters to videos on your Next.js site with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/ai-generated-subtitles-chapters-nextjs/" class="post-title-link" data-astro-cid-f45vxlzk> How to add AI subtitles and chapters to videos on your Next.js site with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>A step-by-step tutorial for adding AI-generated subtitles, chapter markers, and multi-language translations to a Next.js video player using ImageKit's...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-06-20T00:00:00.000Z" class data-astro-cid-wjcimrpb> Jun 20, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/video-streaming-google-cloud-storage-imagekit/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/gcs-update/google_cloud_storage.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/gcs-update/google_cloud_storage.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/gcs-update/google_cloud_storage.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/gcs-update/google_cloud_storage.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/gcs-update/google_cloud_storage.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/gcs-update/google_cloud_storage.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/gcs-update/google_cloud_storage.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="Video streaming and optimizations for Google Cloud Storage using ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/video-streaming-google-cloud-storage-imagekit/" class="post-title-link" data-astro-cid-f45vxlzk> Video streaming and optimizations for Google Cloud Storage using ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Get adaptive bitrate streaming, video optimizations, and real-time transformations and watermarking by attaching ImageKit with your Google Cloud Stora...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/rahul/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2019/12/rahul-linkedin_1-100x100.jpg?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Rahul Nanwani" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/rahul/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Rahul Nanwani</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-06-14T00:00:00.000Z" class data-astro-cid-wjcimrpb>
5 Jun 14, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/aws-s3-video-streaming-imagekit-video-api/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/aws-update/aws_s3.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/aws-update/aws_s3.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/aws-update/aws_s3.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/aws-update/aws_s3.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/aws-update/aws_s3.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/aws-update/aws_s3.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/aws-update/aws_s3.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="Video streaming and optimizations for AWS S3 using ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/aws-s3-video-streaming-imagekit-video-api/" class="post-title-link" data-astro-cid-f45vxlzk> Video streaming and optimizations for AWS S3 using ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Get adaptive bitrate streaming, video optimizations, and real-time transformations and watermarking by attaching ImageKit with your AWS S3 bucket.</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/rahul/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2019/12/rahul-linkedin_1-100x100.jpg?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Rahul Nanwani" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/rahul/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Rahul Nanwani</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-06-10T00:00:00.000Z" class data-astro-cid-wjcimrpb> Jun 10, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/video-streaming-azure-blob-storage-imagekit/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/azure-streaming/azure-cover.png?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/azure-streaming/azure-cover.png?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/azure-streaming/azure-cover.png?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/azure-streaming/azure-cover.png?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/azure-streaming/azure-cover.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/azure-streaming/azure-cover.png?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/azure-streaming/azure-cover.png?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="Video streaming and optimizations for Azure Blob Storage using ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/video-streaming-azure-blob-storage-imagekit/" class="post-title-link" data-astro-cid-f45vxlzk> Video streaming and optimizations for Azure Blob Storage using ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Get adaptive bitrate streaming, video optimizations, and real-time transformations and watermarking by attaching ImageKit with Azure Blob Storage.</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-05-08T00:00:00.000Z" class data-astro-cid-wjcimrpb>
5 May 8, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <time datetime="2026-07-21T00:00:00.000Z" class="updated" data-astro-cid-wjcimrpb> 6Updated on Jul 21, 2026 </time> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/nextjs-shoppable-videos/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/next-shoppable/shoppable-videos-cover.png?updatedAt=1778260027047&tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/next-shoppable/shoppable-videos-cover.png?updatedAt=1778260027047&tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/next-shoppable/shoppable-videos-cover.png?updatedAt=1778260027047&tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/next-shoppable/shoppable-videos-cover.png?updatedAt=1778260027047&tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/next-shoppable/shoppable-videos-cover.png?updatedAt=1778260027047&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/next-shoppable/shoppable-videos-cover.png?updatedAt=1778260027047&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/next-shoppable/shoppable-videos-cover.png?updatedAt=1778260027047&tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="How to add shoppable videos to your Next.js site with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/nextjs-shoppable-videos/" class="post-title-link" data-astro-cid-f45vxlzk> How to add shoppable videos to your Next.js site with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>A step-by-step tutorial for adding shoppable videos to a Next.js website using ImageKit's Video Player SDK. Covers the product bar, time-based highlig...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-04-29T00:00:00.000Z" class data-astro-cid-wjcimrpb> Apr 29, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/python-image-optimization/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/python%20image%20optimization/Python%20image%20optimization%20blog%20cover.jpg?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/python%20image%20optimization/Python%20image%20optimization%20blog%20cover.jpg?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/python%20image%20optimization/Python%20image%20optimization%20blog%20cover.jpg?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/python%20image%20optimization/Python%20image%20optimization%20blog%20cover.jpg?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/python%20image%20optimization/Python%20image%2
60optimization%20blog%20cover.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/python%20image%20optimization/Python%20image%20optimization%20blog%20cover.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/python%20image%20optimization/Python%20image%20optimization%20blog%20cover.jpg?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="Python Image Optimization with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/python-image-optimization/" class="post-title-link" data-astro-cid-f45vxlzk> Python Image Optimization with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Connect external storage or upload directly, then resize, compress, deliver in modern formats, and apply smart crop and AI transformations from Python...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-04-21T00:00:00.000Z" class data-astro-cid-wjcimrpb> Apr 21, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/nextjs-video-optimization/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20video%20optimization/NextJS%20video%20optimization%20blog%20cover.jpg?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20video%20optimization/NextJS%20video%20optimization%20blog%20cover.jpg?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20video%20optimization/NextJS%20video%20optimization%20blog%20cover.jpg?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20video%20optimization/NextJS%20video%20optimization%20blog%20cover.jpg?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20video%20optimization/NextJS%20video%20optimization%20blog%20cover.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20video%20optimization/NextJS%20video%20optimization%20blog%20cover.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20video%20optimization/NextJS%20video%20optimization%20blog%20cover.jpg?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="The Complete Guide to Video Optimization in Next.js" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/nextjs-video-optimization/" class="post-title-link" data-astro-cid-f45vxlzk> The Complete Guide to Video Optimization in Next.js </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Resize, compress, strip audio, generate thumbnails, lazy load, and stream video in Next.js using ImageKit's URL-based transformations and Next.js SDK.</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-04-19T00:00:00.000Z" class data-astro-cid-wjcimrpb>
6 Apr 19, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/introducing-dam-agent-ai-powered-media-management/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/blog/dam-agent-demo/dam-agent-cover-image.png?tr=w-750,c-at_max" loading="lazy" alt="Introducing DAM Agent: Your AI Assistant for Digital Asset Management" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/introducing-dam-agent-ai-powered-media-management/" class="post-title-link" data-astro-cid-f45vxlzk> Introducing DAM Agent: Your AI Assistant for Digital Asset Management </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>DAM Agent brings conversational AI to ImageKit's media library. Search assets, manage metadata, create path policies, run AI tasks, and generate trans...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/manu/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/ghost/content/images/2019/12/linkedin_3-100x100-2.jpg?tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Manu Chaudhary" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/manu/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Manu Chaudhary</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-04-15T00:00:00.000Z" class data-astro-cid-wjcimrpb> Apr 15, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/nextjs-image-optimization/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20image%20optimization/NextJS%20image%20optimization%20blog%20cover.jpg?tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20image%20optimization/NextJS%20image%20optimization%20blog%20cover.jpg?tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20image%20optimization/NextJS%20image%20optimization%20blog%20cover.jpg?tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20image%20optimization/NextJS%20image%20optimization%20blog%20cover.jpg?tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20image%20optimization/NextJS%20image%20optimization%20blog%20cover.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20image%20optimization/NextJS%20image%20optimization%20blog%20cover.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/IK%20Blogs/nextjs%20image%20optimization/NextJS%20image%20optimization%20blog%20cover.jpg?tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="Next.js Image Optimization with ImageKit" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/nextjs-image-optimization/" class="post-title-link" data-astro-cid-f45vxlzk> Next.js Image Optimization with ImageKit </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Learn how to go beyond vanilla Next.js images with ImageKit for automatic AVIF delivery, smart cropping, blur-up placeholders, and AI-powered transfor...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/angel-pichardo.jpeg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Angel Pichardo" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/angel/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Angel Pichardo</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-04-08T00:00:00.000Z" class data-astro-cid-wjcimrpb>
6 Apr 8, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> <article class="post-card" data-astro-cid-f45vxlzk> <div class="post-image" data-astro-cid-f45vxlzk> <a href="/blog/nextjs-video-background/" class="image-link" data-astro-cid-f45vxlzk> <img src="https://ik.imagekit.io/ikmedia/Graphics/Background%20Video/poster-image-video-background.jpeg?updatedAt=1772775069659&tr=w-750,c-at_max" srcset="https://ik.imagekit.io/ikmedia/Graphics/Background%20Video/poster-image-video-background.jpeg?updatedAt=1772775069659&tr=w-320,c-at_max 320w, https://ik.imagekit.io/ikmedia/Graphics/Background%20Video/poster-image-video-background.jpeg?updatedAt=1772775069659&tr=w-400,c-at_max 400w, https://ik.imagekit.io/ikmedia/Graphics/Background%20Video/poster-image-video-background.jpeg?updatedAt=1772775069659&tr=w-500,c-at_max 500w, https://ik.imagekit.io/ikmedia/Graphics/Background%20Video/poster-image-video-background.jpeg?updatedAt=1772775069659&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Background%20Video/poster-image-video-background.jpeg?updatedAt=1772775069659&tr=w-640,c-at_max 640w, https://ik.imagekit.io/ikmedia/Graphics/Background%20Video/poster-image-video-background.jpeg?updatedAt=1772775069659&tr=w-750,c-at_max 750w" sizes="(max-width: 768px) calc(100vw - 2rem), (max-width: 1200px) calc(50vw - 3rem), calc(33vw - 3rem)" loading="lazy" alt="Use Video as a Background in Your Next.js Project" data-astro-cid-f45vxlzk> </a> </div> <div class="post-content" data-astro-cid-f45vxlzk> <h3 data-astro-cid-f45vxlzk> <a href="/blog/nextjs-video-background/" class="post-title-link" data-astro-cid-f45vxlzk> Use Video as a Background in Your Next.js Project </a> </h3> <p class="post-excerpt" data-astro-cid-f45vxlzk>Learn how to use ImageKit to automatically compress background videos, convert them to the best format for each browser, and deliver them through a gl...</p> <div class="post-meta" data-astro-cid-f45vxlzk> <div class="author-info-container" data-size="small" data-astro-cid-wjcimrpb> <a href="/blog/author/indermohan/" class="author-avatar-link author-hover-trigger" data-astro-cid-wjcimrpb> <img src="https://ik.imagekit.io/ikmedia/blog/authors/indermohan.jpg?updatedAt=1772775069659&tr=z-0.5%2Cfo-face%2Cw-96%2Ch-96" alt="Indermohan Singh" class="author-avatar" width="48" height="48" data-astro-cid-wjcimrpb> </a> <div class="author-details" data-astro-cid-wjcimrpb> <div class="author-line" data-astro-cid-wjcimrpb> <a href="/blog/author/indermohan/" class="author-name-link" data-astro-cid-wjcimrpb> <span class="author-name" data-astro-cid-wjcimrpb>Indermohan Singh</span> </a> <span class="separator" data-astro-cid-wjcimrpb>on</span> <time datetime="2026-03-08T00:00:00.000Z" class data-astro-cid-wjcimrpb> Mar 8, 2026 </time> </div> <div class="meta-line" data-astro-cid-wjcimrpb> <!-- <span class="reading-time">{readingTimeText}</span> --> </div> </div> </div> </div> </div> </article> </div> <nav class="pagination" aria-label="Pagination" data-astro-cid-d776pwuy> <div class="pagination-container" data-astro-cid-d776pwuy> <span class="pagination-button pagination-prev pagination-disabled" data-astro-cid-d776pwuy> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 7 <path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 8</svg> 9Previous 10</span> <ul class="pagination-numbers" data-astro-cid-d776pwuy> <li data-astro-cid-d776pwuy> <span class="pagination-number pagination-current" aria-current="page" data-astro-cid-d776pwuy> 1 </span> </li><li data-astro-cid-d776pwuy> <a href="/blog/page/2/" class="pagination-number" aria-label="Go to page 2" data-astro-cid-d776pwuy> 2 </a> </li><li class="pagination-ellipsis" aria-hidden="true" data-astro-cid-d776pwuy>â¦</li><li data-astro-cid-d776pwuy> <a href="/blog/page/17/" class="pagination-number" aria-label="Go to page 17" data-astro-cid-d776pwuy> 17 </a> </li> </ul> <a href="/blog/page/2/" class="pagination-button pagination-next" aria-label="Next page" data-astro-cid-d776pwuy> 11Next 12<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 13 <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 14</svg> </a> </div> </nav> </main> <footer> <div class="footer-container"> <div class="footer-cta-section"> <h2 class="footer-cta-title">Free until you're ready to upgrade to the Pro plan</h2> <div class="footer-cta-buttons"> <a href="https://imagekit.io/registration" target="_blank" rel="noopener noreferrer" class="btn btn-primary " data-astro-cid-vnzlvqnm> Get started for free </a> <a href="https://imagekit.io/contact-us" target="_blank" rel="noopener noreferrer" class="btn btn-secondary " data-astro-cid-vnzlvqnm> Talk to us </a> </div> </div> <div class="footer-divider"></div> <div class="footer-grid"> <div class="footer-column"> <h4 class="footer-heading">Image and Video API</h4> <ul class="footer-links"> <li><a href="https://imagekit.io/image-api" target="_blank">Image API</a></li> <li><a href="https://imagekit.io/video-api" target="_blank">Video API</a></li> <li><a href="https://imagekit.io/solutions/performance-optimization/" target="_blank">Web Performance Optimization</a></li> <li><a href="https://imagekit.io/solutions/media-personalization/" target="_blank">Overlays and Personalization</a></li> <li><a href="https://imagekit.io/solutions/media-delivery-solution/" target="_blank">Use with your CDN & Storage</a></li> <li><a href="https://imagekit.io/solutions/video-streaming/" target="_blank">Video Streaming</a></li> </ul> </div> <div class="footer-column"> <h4 class="footer-heading">DAM Use Cases</h4> <ul class="footer-links"> <li><a href="https://imagekit.io/digital-asset-management/" target="_blank">Centralized DAM</a></li> <li><a href="https://imagekit.io/dam-collaboration/" target="_blank">Cross-Team Collaboration</a></li> <li><a href="https://imagekit.io/solutions/headless-dam" target="_blank">Headless DAM</a></li> <li><a href="https://imagekit.io/solutions/dam-for-nonprofits" target="_blank">DAM for Nonprofits</a></li> <li><a href="https://imagekit.io/dam/integration/" target="_blank">DAM integrations</a></li> </ul> </div> <div class="footer-column"> <h4 class="footer-heading">Compare</h4> <ul class="footer-links"> <li><a href="https://imagekit.io/cloudinary-alternative" target="_blank">ImageKit vs Cloudinary</a></li> <li><a href="https://imagekit.io/imgix-alternative" target="_blank">ImageKit vs Imgix</a></li> <li><a href="https://imagekit.io/sirv-alternative" target="_blank">ImageKit vs Sirv</a></li> <li><a href="https://imagekit.io/imageengine-alternative/" target="_blank">ImageKit vs ImageEngine</a></li> <li><a href="https://imagekit.io/bynder-alternative/" target="_blank">ImageKit vs Bynder</a></li> <li><a href="https://imagekit.io/brandfolder-alternative/" target="_blank">
14ImageKit vs BrandFolder</a></li> <li class="footer-more-items" style="display: none;"> <a href="https://imagekit.io/dropbox-alternative/" target="_blank">ImageKit vs Dropbox</a> </li> <li class="footer-more-items" style="display: none;"> <a href="https://imagekit.io/googledrive-alternative/" target="_blank">ImageKit vs Google Drive</a> </li> <li class="footer-more-items" style="display: none;"> <a href="https://imagekit.io/adobe-experience-manager-aem-alternative/" target="_blank">ImageKit vs Adobe</a> </li> <li class="footer-more-items" style="display: none;"> <a href="https://imagekit.io/acquia-alternative/" target="_blank">ImageKit vs Acquia</a> </li> <li class="footer-more-items" style="display: none;"> <a href="https://imagekit.io/aprimo-alternative/" target="_blank">ImageKit vs Aprimo</a> </li> <li class="footer-more-items" style="display: none;"> <a href="https://imagekit.io/canto-alternative/" target="_blank">ImageKit vs Canto</a> </li> <li class="footer-more-items" style="display: none;"> <a href="https://imagekit.io/mediavalet-alternative/" target="_blank">ImageKit vs MediaValet</a> </li> <li> <button class="footer-view-more" onclick="toggleFooterLinks(this)"> <span class="view-more-text">View More</span> <svg class="chevron-icon" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </li> </ul> </div> <div class="footer-column"> <h4 class="footer-heading">Resources</h4> <ul class="footer-links"> <li><a href="https://imagekit.io/plans" target="_blank">Pricing</a></li> <li><a href="https://imagekit.io/customers" target="_blank">Customers</a></li> <li><a href="https://imagekit.io/blog" target="_blank">Blogs</a></li> <li><a href="https://docs.imagekit.io" target="_blank">Documentation</a></li> <li><a href="https://imagekit.io/imagekit-partner-program" target="_blank">Become a Partner</a></li> <li><a href="https://imagekit.io/startup-program" target="_blank">Startup Program</a></li> <li><a href="https://imagekit.io/format-converter/" target="_blank">Format converter tool</a></li> <li><a href="https://imagekit.io/tools/free-media-hosting/" target="_blank">Free media hosting</a></li> <li><a href="https://imagekit.io/tools/remove-background/" target="_blank">Free background remover</a></li> </ul> </div> </div> <div class="footer-logo-section"> <a href="https://imagekit.io/" target="_blank"> <img src="https://ik.imagekit.io/ikmedia/logo/ikLogoWhite_30FbZCVusC.svg?updatedAt=1631077405708" alt="ImageKit.io logo" width="158"> </a> <div class="footer-badges"> <a href="https://imagekit.io/security-and-trust" target="_blank"> <img src="https://ik.imagekit.io/ikmedia/website-assets/badges/gdpr_ready_eVyJexl_y.png?tr=w-120" width="80" alt="GDPR Ready - ImageKit" title="GDPR Ready - ImageKit" loading="lazy"> </a> <a href="https://imagekit.io/security-and-trust" target="_blank"> <img src="https://ik.imagekit.io/ikmedia/website-assets/badges/iso-27001-badge_-pxQ1X8IL.png?tr=w-120" width="80" alt="ISO 27001 Compliant - ImageKit" title="ISO 27001 Compliant - ImageKit" loading="lazy"> </a> <a href="https://imagekit.io/security-and-trust" target="_blank"> <img src="https://ik.imagekit.io/ikmedia/website-assets/badges/soc-badge.png?tr=t-true,w-120" width="80" alt="SOC 2 Type II Compliant - ImageKit" title="SOC 2 Type II Compliant - ImageKit" loading="lazy"> </a> </div> </div> <div class="footer-divider"></div> <div class="footer-bottom"> <div class="footer-bottom-left"> <p>© ImageKit Private Limited 2026</p> <div class="footer-legal"> <a href="https://imagekit.io/terms" target="_blank">Terms</a> <a href="https://imagekit.io/privacy-policy-new" target="_blank">Privacy Policy</a> <a href="https://imagekit.io/gdpr" target="_blank">GDPR Policy</a> <a href="https://imagekit.io/security-and-trust" target="_blank">Security and Trust</a> <a href="https://imagekit.io/about" target="_blank">About Us</a> <a href="https://imagekit.io/contact-us" target="_blank">Contact Us</a> </div> </div> <div class="footer-social"> <a href="https://www.linkedin.com/company/imagekit-io/" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"> <img src="https://ik.imagekit.io/ikmedia/website-2024/linkedin.svg?updatedAt=1709641890471" alt="LinkedIn" width="20" height="20" loading="lazy"> </a> <a href="https://twitter.com/imagekitio?lang=en" aria-label="Twitter" target="_blank" rel="noopener noreferrer"> <img src="https://ik.imagekit.io/ikmedia/website-2024/twitter.svg?updatedAt=1709641890529" alt="Twitter" width="20" height="20" loading="lazy"> </a> <a href="https://www.youtube.com/@imagekit" aria-label="YouTube" target="_blank" rel="noopener noreferrer"> <img src="https://ik.imagekit.io/ikmedia/website-2024/youtube.svg?updatedAt=1709641890507" alt="YouTube" width="20" height="20" loading="lazy"> </a> <a href="/blog/rss.xml" aria-label="RSS Feed" target="_blank" rel="noopener noreferrer"> <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19 7.38 20 6.18 20C5 20 4 19 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1Z"></path> </svg> </a> </div> </div> </div> </footer> <!-- Google Tag Manager - Only loads if GTM_ID is set during build -->
14<script>(function(){const GTM_ID = "GTM-5TRRPX4"; 15 16 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 17 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 18 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 19 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 20 })(window,document,'script','dataLayer',GTM_ID); 21 })();</script>
21 </body> </html>
21<script type="module">function i(n){const t=n.closest(".footer-column");if(!t)return;const o=t.querySelectorAll(".footer-more-items"),e=n.classList.contains("expanded"),c=n.querySelector(".view-more-text");o.forEach(s=>{s.style.display=e?"none":"block"}),n.classList.toggle("expanded"),c&&(c.textContent=e?"View More":"View Less")}window.toggleFooterLinks=i;function r(){document.querySelectorAll("pre").forEach(t=>{if(t.parentElement?.classList.contains("code-block-wrapper"))return;const o=document.createElement("div");o.className="code-block-wrapper",t.parentNode?.insertBefore(o,t),o.appendChild(t);const e=document.createElement("button");e.className="copy-code-button",e.setAttribute("data-tooltip","Copy"),e.setAttribute("aria-label","Copy code to clipboard"),e.textContent="Copy",e.addEventListener("click",async()=>{const c=t.querySelector("code"),s=c?c.textContent:t.textContent;try{await navigator.clipboard.writeText(s||""),e.classList.add("copied"),e.textContent="â Copied",setTimeout(()=>{e.classList.remove("copied"),e.textContent="Copy"},2e3)}catch(a){console.error("Failed to copy code:",a),e.textContent="Failed",setTimeout(()=>{e.textContent="Copy"},2e3)}}),o.appendChild(e)})}document.addEventListener("astro:page-load",r);</script>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.