# Guides

[View original](https://ittybit.com/guides)

### Sources

Learn how to transform your media files into new video, audio, and image sources.

<ArticleCards>
  <ArticleCard icon={<Icon icon="video" className="w-8 h-8 text-brand-green" />} title="Resize Videos" description="Use the `width`, `height`, and `fit` props to resize, crop, or pad your videos." href="/guides/resize-videos" />

  <ArticleCard icon={<Icon icon="image" className="w-8 h-8 text-brand-green" />} title="Convert HEIC to JPEG/WEBP/AVIF" description="Convert iPhone uploads to formats that work across the web." href="/guides/convert-heic-to-jpeg-webp-avif" />

  <ArticleCard icon={<Icon icon="video" className="w-8 h-8 text-brand-green" />} title="Clip Videos" description="Trim your videos to create previews, clip for social media, or to cap your users' uploads to a specific duration." href="/guides/clip-videos" />

  <ArticleCard icon={<Icon icon="audio" className="w-8 h-8 text-brand-green" />} title="Extract Audio from Video Files" description="Extract the audio from video uploads for faster AI processing." href="/guides/extract-audio-from-video-files" />

  <ArticleCard icon={<Icon icon="video" className="w-8 h-8 text-brand-green" />} title="Add TikTok Overlay to Videos" description="Overlay your logo and your user's @username on your videos." href="/guides/add-tiktok-overlay-to-videos" />

  <ArticleCard icon={<Icon icon="arrow_right" className="w-8 h-8 text-brand-green" />} title="View all" description="View all the guides for source tasks." href="/guides/sources" />
</ArticleCards>

***

### Intelligence

Learn how to extract rich intelligence data from your media files.

<ArticleCards>
  <ArticleCard icon={<Icon icon="speech" className="w-8 h-8 text-brand-magenta" />} title="Transcribe Video and Audio Files" description="Generate a transcript of the spoken content in a video or audio file." href="/guides/transcribe-video-and-audio-files" />

  <ArticleCard icon={<Icon icon="prompt" className="w-8 h-8 text-brand-magenta" />} title="Review Sales Calls for Sentiment Analysis" description="Review sales calls for sentiment analysis and generate a report." href="/guides/review-sales-calls-for-sentiment-analysis" />

  <ArticleCard icon={<Icon icon="description" className="w-8 h-8 text-brand-magenta" />} title="Generate Descriptions" description="Generate title, description, and tags for your media files." href="/guides/generate-title-description-and-tags" />

  <ArticleCard icon={<Icon icon="prompt" className="w-8 h-8 text-brand-magenta" />} title="Summarize Meeting and Create Action Items" description="Summarize your meeting recordings and create action items based on the discussion." href="/guides/summarize-meeting-and-create-action-items" />

  <ArticleCard icon={<Icon icon="nsfw" className="w-8 h-8 text-brand-magenta" />} title="Moderate User-Generated Content for NSFW Content" description="Check your user-generated uploads for NSFW content and generate a report." href="/guides/moderate-user-generated-content-nsfw" />

  <ArticleCard icon={<Icon icon="arrow_right" className="w-8 h-8 text-brand-magenta" />} title="View all" description="View all the guides for intelligence tasks." href="/guides/intelligence" />
</ArticleCards>

***

### Tracks

Enhance the accessibility and navigation of your videos with subtitle, chapter, and thumbnail tracks.

<ArticleCards>
  <ArticleCard icon={<Icon icon="subtitles" className="w-8 h-8 text-brand-orange" />} title="Create Subtitles" description="Generate subtitle tracks for your media files." href="/guides/create-subtitles" />

  <ArticleCard icon={<Icon icon="chapters" className="w-8 h-8 text-brand-orange" />} title="Create Chapters" description="Generate chapter tracks for your media files." href="/guides/create-chapters" />

  <ArticleCard icon={<Icon icon="thumbnails" className="w-8 h-8 text-brand-orange" />} title="Create Thumbnails" description="Generate thumbnail preview tracks for your media files." href="/guides/create-thumbnails" />
</ArticleCards>

***

## Workflows

Workflows let you run tasks sequentially or in parallel, and control them with flexible conditional logic. Learn how to use workflows to create powerful media processing pipelines for your app.

<ArticleCards>
  <ArticleCard title="Add poster and preview images to video uploads" description="Generate eye-catching poster and preview thumbnails for your uploaded videos." href="/guides/add-poster-preview-images" icon={<Icon icon="video" className="w-8 h-8 text-brand-green" />} />

  <ArticleCard title="Make videos searchable with description, tags, and speech" description="Index video content with descriptions, tags, and speech-to-text to enable fast searching and discovery." href="/guides/make-videos-searchable" icon={<Icon icon="objects" className="w-8 h-8 text-brand-magenta" />} />

  <ArticleCard title="Add subtitle, chapters, and thumbnails to video uploads" description="Generate subtitles, chapters, and thumbnail tracks in a single task." href="/guides/subtitles-chapters-thumbnails" icon={<Icon icon="thumbnails" className="w-8 h-8 text-brand-orange" />} />

  <ArticleCard title="Moderate video and image uploads for NSFW content" description="Automatically detect and flag NSFW content in uploaded videos and images." href="/guides/moderate-nsfw-uploads" icon={<Icon icon="nsfw" className="w-8 h-8 text-brand-magenta" />} />

  <ArticleCard title="Resize all videos before AI processing" description="Automatically resize uploaded videos to your preferred specs prior to further AI processing or analysis." href="/guides/resize-videos-before-processing" icon={<Icon icon="compress" className="w-8 h-8 text-brand-green" />} />

  <ArticleCard title="View all" description="View all the workflow guides." href="/guides/tracks" icon={<Icon icon="arrow_right" className="w-8 h-8 text-brand-pink" />} />
</ArticleCards>

***

## Storage

Learn how to store your media files securely in ittybit, or work with your existing object storage provider.

<ArticleCards>
  <ArticleCard title="Ingest from URL" description="Pull any media with a public (or signed) URL into your ittybit project." href="/guides/ingest-from-url" icon={<Icon icon="ingest" className="w-8 h-8 text-brand-blue" />} />

  <ArticleCard title="Upload files to ittybit" description="Upload files directly from your server to ittybit." href="/guides/simple-uploads" icon={<Icon icon="upload" className="w-8 h-8 text-brand-blue" />} />

  <ArticleCard title="Signed uploads to ittybit" description="Upload files directly from your client to ittybit using signed URLs." href="/guides/signed-uploads" icon={<Icon icon="signed" className="w-8 h-8 text-brand-blue" />} />

  <ArticleCard title="Resumable uploads to ittybit" description="Upload large files to ittybit reliably with resumable uploads." href="/guides/resumable-uploads" icon={<Icon icon="upload" className="w-8 h-8 text-brand-blue" />} />

  <ArticleCard title="Upload files to your own S3 bucket" description="Upload outputs from ittybit tasks to your own object storage S3 bucket." href="/guides/upload-files-to-s3-bucket" icon={<Icon icon="storage" className="w-8 h-8 text-brand-blue" />} />

  <ArticleCard title="View all" description="View all the guides for storage." href="/guides/storage" icon={<Icon icon="arrow_right" className="w-8 h-8 text-brand-blue" />} />
</ArticleCards>

***

## Integrations

Ittybit works great with most existing tech stacks. We integrate directly with many popular providers, and we can meet you where you're at across most common stacks.

***

### Supabase

<ArticleCards>
  <ArticleCard title="Auto-generate titles, descriptions & tags for Supabase uploads" description="Upload files to Supabase, auto-generate metadata with Ittybit, and insert results into your database." href="/guides/auto-generate-titles-descriptions-and-tags-for-supabase-uploads" image="https://webapp.ittybit.net/supabase-48x48.png" cover="false" />

  <ArticleCard title="Connect Supabase storage to ittybit" description="Hook up Supabase to ittybit to verify end-to-end triggers and webhooks." href="/guides/connect-supabase-storage" image="https://webapp.ittybit.net/supabase-48x48.png" cover="false" />

  <ArticleCard title="Check every Supabase upload for NSFW content" description="Detect NSFW in Supabase uploads with ittybit, update your DB via webhooks, and optionally alert or remove files." href="/guides/check-for-nsfw-content" image="https://webapp.ittybit.net/supabase-48x48.png" cover="false" />

  <ArticleCard title="Convert and compress every Supabase video" description="Convert & compress Supabase videos with ittybit automations, save outputs to storage, and display them in your app." href="/guides/convert-and-compress-video" image="https://webapp.ittybit.net/supabase-48x48.png" cover="false" />

  <ArticleCard title="View all" description="View all the guides for working with Supabase." href="/guides/supabase" icon={<Icon icon="arrow_right" className="w-8 h-8 text-[#3ECF8E]" />} />
</ArticleCards>

***

### Laravel

<ArticleCards>
  <ArticleCard title="Building a Google Photos Clone with Laravel and ittybit" description="Using Laravel 12, InertiaJS, and ittybit to build a Google Photos clone." href="/guides/google-photos-clone-laravel" image="https://webapp.ittybit.net/laravel-48x48.png" cover="false" />

  <ArticleCard title="Building a Podcast Automation Platform with Ittybit" description="Part 1 - Architecture & File Ingestion" href="/guides/podcast-automation-laravel-1" image="https://webapp.ittybit.net/laravel-48x48.png" cover="false" />

  <ArticleCard title="Building a Podcast Automation Platform with Ittybit" description="Part 2 - Your First Media Processing Tasks" href="/guides/podcast-automation-laravel-2" image="https://webapp.ittybit.net/laravel-48x48.png" cover="false" />

  <ArticleCard title="Building a Podcast Automation Platform with Ittybit" description="Part 3 - Video Transcoding & AI Transcription" href="/guides/podcast-automation-laravel-3" image="https://webapp.ittybit.net/laravel-48x48.png" cover="false" />

  <ArticleCard title="Building a Podcast Automation Platform with Ittybit" description="Part 4 - Chapters, Thumbnails, and Declarative Workflows" href="/guides/podcast-automation-laravel-4" image="https://webapp.ittybit.net/laravel-48x48.png" cover="false" />

  <ArticleCard title="Building a Podcast Automation Platform with Ittybit" description="Part 5 - Post-Mortem and Real-World Insights" href="/guides/podcast-automation-laravel-5" image="https://webapp.ittybit.net/laravel-48x48.png" cover="false" />

  <ArticleCard title="View all" description="View all the guides for working with Supabase." href="/guides/laravel" icon={<Icon icon="arrow_right" className="w-8 h-8 text-[#FF2D20]" />} />
</ArticleCards>

***

## Coming Soon

We're adding more guides for common integrations and stacks.

* Amazon S3
* Google Storage
* Cloudflare R2
* NextJS
* FastAPI
* Rails

If you don't see what you're looking for, [please let us know](/support).