95 practical guides

# Design media workflows that hold up in production

Learn the browser, media, automation, and architecture decisions behind reliable uploads and processing. Each guide explains where Transloadit fits and where another system should remain responsible.

* [Uploads and frontend integration](#uploads-and-frontend-integration)
* [Image processing and transformations](#image-processing-and-transformations)
* [Image formats and conversion](#image-formats-and-conversion)
* [Video processing and creation](#video-processing-and-creation)
* [Streaming and VOD architecture](#streaming-and-vod-architecture)
* [AI and generated media](#ai-and-generated-media)
* [Platforms and integrations](#platforms-and-integrations)
* [Workflow automation](#workflow-automation)
* [Media performance](#media-performance)
* [DAM-adjacent and enterprise architecture](#dam-adjacent-and-enterprise-architecture)
* [Comparisons and alternatives](#comparisons-and-alternatives)

12 guides

## Uploads and frontend integration

Build reliable uploads and frontend media experiences, from Uppy, tus, and signed requests to production markup and processing handoffs.

* [File uploads, image optimization, and your own S3 bucket](/guides/file-uploads-image-optimization-s3.md)\
  Combine resumable browser uploads, image optimization, customer-owned Amazon S3 storage, and on-demand delivery without operating separate media services.
* [File Upload API guide: architecture, security, and provider selection](/guides/file-upload-api-guide.md)\
  Choose and implement a File Upload API by comparing architecture, resumability, direct-to-cloud transfer, security, storage boundaries, and providers.
* [HTML video in production: 10 practical checks](/guides/html-video-production-checklist.md)\
  Ten production checks for HTML video, from source selection and captions to poster images and preprocessing.
* [Three best practices for CSS banner images](/guides/css-banner-image-best-practices.md)\
  Three durable practices for sharp, responsive CSS banner images without unreadable text or accidental crops.
* [Five reliable ways to center an image in HTML](/guides/center-images-in-html.md)\
  Five predictable ways to center images in HTML and how to choose between layout and media preprocessing.
* [Six ways to size a background image with CSS](/guides/stretch-background-images-with-css.md)\
  Six CSS approaches to background sizing, with guidance on avoiding distortion and unnecessary downloads.
* [A beginner’s guide to FFmpeg with Python](/guides/ffmpeg-with-python.md)\
  A safe introduction to running FFmpeg from Python and deciding when to move the workload to a managed media pipeline.
* [How to accept large uploads that survive a dropped connection](/guides/resumable-uploads-for-large-files.md)\
  Accept multi-gigabyte uploads over tus, continue them after a dropped connection, and keep the Assembly alive long enough to finish.
* [Secure file uploads in Next.js with Uppy and signed Transloadit Templates](/guides/secure-file-uploads-nextjs-uppy.md)\
  Build a secure Next.js App Router upload with Uppy, server-only signing, a locked Template, authoritative validation, resumable transfer, and asynchronous completion.
* [Best JavaScript file upload libraries: Uppy vs FilePond vs Dropzone](/guides/best-javascript-file-upload-libraries.md)\
  Compare Uppy, FilePond, and Dropzone by transfer protocol, interface model, recovery behavior, integration work, and long-term ownership.
* [React file uploads with Uppy: resumability, previews, validation, and processing](/guides/react-file-uploads-with-uppy.md)\
  Build a React file uploader with Uppy that handles previews, validation, accessible progress, cancellation, resumable transfer, and a Transloadit processing handoff.
* [Integrate Transloadit in five minutes](/guides/transloadit-five-minute-integration.md)\
  Install the Node SDK, resize one image, and inspect a real Assembly result in about five minutes.

5 guides

## Image processing and transformations

Turn image operations into repeatable pipelines for crops, variants, effects, and responsive assets.

* [Five ways to crop images in HTML and CSS](/guides/crop-images-in-html-and-css.md)\
  Five browser techniques for image cropping and the point where a generated derivative becomes the better choice.
* [Automatic image cropping: use cases and safeguards](/guides/automatic-image-cropping.md)\
  Where automatic cropping works, which signals matter, and how to build reviewable fallbacks for difficult images.
* [Cropping images in JavaScript without losing coordinate accuracy](/guides/crop-images-in-javascript.md)\
  Crop images in JavaScript with coordinates that can be previewed locally and reproduced by a backend pipeline.
* [Cropping images in Python with Pillow and OpenCV](/guides/crop-images-with-python.md)\
  Compare Pillow and OpenCV cropping, coordinate conventions, quality checks, and managed batch-processing alternatives.
* [How to build an image crop workflow in React](/guides/crop-images-with-react.md)\
  Build an accessible React crop workflow that preserves source coordinates and delegates authoritative rendering to a trusted backend.

4 guides

## Image formats and conversion

Choose formats deliberately and automate conversion without losing transparency, metadata, or compatibility.

* [Three practical ways to convert images to PDF](/guides/convert-images-to-pdf.md)\
  Convert JPG, PNG, GIF, and other images into practical PDFs while controlling page size, orientation, and source quality.
* [A developer’s guide to SVG optimization](/guides/svg-optimization.md)\
  Reduce SVG size without changing rendering, accessibility, viewBox behavior, or security assumptions.
* [A practical guide to SVG support in React Native](/guides/svg-in-react-native.md)\
  Choose between bundled components, remote SVG files, and raster fallbacks in React Native applications.
* [How to convert compatible images to JPEG automatically](/guides/automatically-convert-images-to-jpeg.md)\
  Build a conditional conversion workflow that uses JPEG only when its tradeoffs suit the source and destination.

6 guides

## Video processing and creation

Prepare video for products, campaigns, playback environments, and reusable publishing workflows.

* [AVI vs. MOV: how to choose the right container](/guides/avi-vs-mov.md)\
  Compare AVI and MOV by codec support, metadata, editing workflows, compatibility, and delivery goals.
* [22 types of marketing videos and how to produce them well](/guides/marketing-video-types.md)\
  A practical map of 22 marketing video formats and the production decisions they share.
* [A practical architecture for video auto-tagging](/guides/video-auto-tagging.md)\
  Understand video auto-tagging as a sampled analysis workflow with explicit taxonomies, confidence, and human review.
* [Five business video ideas and five production practices](/guides/business-video-ideas.md)\
  Five useful business video formats and five production practices that improve clarity and reuse.
* [How to use video effectively on a landing page](/guides/video-on-landing-pages.md)\
  Use video on landing pages without sacrificing message hierarchy, accessibility, or page performance.
* [How to prepare video for social media](/guides/prepare-video-for-social-media.md)\
  Prepare one approved video master for multiple social channels with deliberate crops, captions, duration, and compression.

5 guides

## Streaming and VOD architecture

Connect live capture systems to durable recordings, adaptive VOD outputs, thumbnails, and captions.

* [Why live video matters in commerce, social products, and events](/guides/live-video-in-commerce-social-and-events.md)\
  Understand why live video spread across commerce, social products, and events, and design the recording path alongside the live path.
* [How to evaluate APIs for live and on-demand video](/guides/video-streaming-api-evaluation.md)\
  Evaluate live and on-demand video APIs by ingest, latency, playback, processing, storage, observability, and ownership.
* [A practical guide to planning a live stream](/guides/live-streaming-planning-guide.md)\
  Plan a live stream around audience access, reliable capture, moderation, recording, and post-event reuse.
* [After going live: make the recording available on demand](/guides/turn-live-video-into-vod.md)\
  Turn completed live recordings into reliable on-demand assets without coupling the VOD lifecycle to the live provider.
* [An approachable guide to low-latency video](/guides/understanding-low-latency-video.md)\
  Understand capture, encoding, transport, packaging, delivery, buffering, and playback contributions to latency.

30 guides

## AI and generated media

Combine AI services with deterministic media preparation, validation, transformation, and storage.

* [How to give AI agents safe media-processing capabilities](/guides/transloadit-for-ai-agents.md)\
  Give AI agents constrained media capabilities through stable Templates, structured inputs, and observable Assembly results.
* [Two ways to describe images with AI](/guides/describe-images-with-ai.md)\
  Compare direct vision-model descriptions with a preprocessing pipeline that creates cleaner, bounded analysis inputs.
* [Creating 3D models from images: a practical pipeline](/guides/create-3d-models-from-images.md)\
  Plan a photo-to-3D capture and processing workflow without confusing image preparation with 3D reconstruction.
* [AI image analysis: tasks, architecture, and safeguards](/guides/ai-image-analysis.md)\
  Understand classification, detection, OCR, captioning, embeddings, and moderation as different image-analysis tasks.
* [AI image processors inside production media pipelines](/guides/ai-image-processing-pipelines.md)\
  Combine generative or analytical image services with deterministic validation and transformations.
* [How to extract text from documents and images at scale](/guides/extract-text-from-documents-and-images.md)\
  Recognise text across PDFs, scans, and photographs, and keep the result attached to the file it came from.
* [AI image segmentation: methods, metrics, and production workflow](/guides/ai-image-segmentation.md)\
  Understand semantic, instance, and panoptic image segmentation, then design a production workflow with measurable masks and safe fallbacks.
* [Generative image expansion: an honest guide to AI outpainting](/guides/generative-image-expansion.md)\
  Extend an image beyond its original canvas without hiding invented pixels, broken geometry, brand risk, or output-review costs.
* [From AI labels to a governed image-tag taxonomy](/guides/ai-generated-image-tags.md)\
  Build AI-generated tags that improve retrieval without turning ambiguous model labels into permanent catalog facts.
* [Evaluating subject-aware image crops across aspect ratios](/guides/ai-assisted-image-cropping.md)\
  Use AI-assisted cropping without losing faces, products, text, or the coordinate system needed to reproduce every derivative.
* [AI image processing capability map: choose the right task](/guides/ai-image-processing-guide.md)\
  Choose AI image-processing techniques by task, evidence, and failure cost instead of assembling a vague “AI-powered” pipeline.
* [AI metadata governance inside a digital asset manager](/guides/ai-in-digital-asset-management.md)\
  Place AI around a DAM without confusing model enrichment and file processing with the governance responsibilities of the asset system.
* [AI in frontend development: safe media UX patterns](/guides/ai-in-frontend-development.md)\
  Add AI media features to frontend products without leaking secrets, blocking interaction, or treating an asynchronous model call like local UI state.
* [Calibrating AI moderation thresholds, review, and appeals](/guides/ai-moderation-systems.md)\
  Design AI moderation as a policy and review system, not a single model score that silently publishes or deletes user media.
* [A review workflow for AI-assisted image metadata](/guides/ai-for-media-seo.md)\
  Use AI for media SEO where it genuinely helps: inventory, metadata suggestions, accessible drafts, and measurable asset optimization.
* [AI video recognition: sampling, models, and evaluation](/guides/ai-video-recognition.md)\
  Build video recognition from deliberate frame, audio, and temporal evidence instead of treating a long video like one oversized image.
* [AI object detection: boxes, thresholds, and real evaluation](/guides/ai-object-detection.md)\
  Choose object detection deliberately, interpret boxes and thresholds correctly, and evaluate the errors that matter to the application.
* [AI-generated media: from creative brief to reviewed asset](/guides/responsible-ai-generated-media.md)\
  Put AI-generated media into production with clear provenance, deterministic finishing, review gates, and a measurable reason to generate.
* [AI photo organization: metadata, grouping, and privacy](/guides/ai-photo-organization.md)\
  Organize photo collections with AI-assisted metadata while preserving originals, dates, privacy, correction paths, and human meaning.
* [AI video compression: claims, codecs, and honest benchmarks](/guides/ai-video-compression.md)\
  Separate genuine machine-learning codec tools from ordinary encoding, then evaluate video compression with objective and human evidence.
* [AI product image generation with SKU-level safeguards](/guides/ai-product-image-generation.md)\
  Generate product imagery without inventing features, colors, packaging, or claims that customers will mistake for the real item.
* [AI image replacement: masks, inpainting, and review](/guides/ai-image-replacement.md)\
  Replace image regions with AI while keeping selection masks, source truth, visual continuity, and editorial review visible.
* [AI face detection: what it does, what it cannot prove](/guides/ai-face-detection.md)\
  Understand face detection as a narrow geometry task, then handle thresholds, privacy, bias, and cropping without drifting into identification.
* [AI video upscaling: quality, temporal stability, and truth](/guides/ai-video-upscaling.md)\
  Evaluate AI video upscalers by temporal stability and source truth, not a single sharpened frame or an unverified top-tools list.
* [AI for streaming platforms: jobs and their boundaries](/guides/ai-for-streaming-platforms.md)\
  Place AI features correctly in a streaming architecture, from captions and highlights to moderation and operations, without confusing VOD processing with live delivery.
* [Enterprise AI for media workflows: architecture and governance](/guides/enterprise-ai-media-workflows.md)\
  Design enterprise AI media workflows around ownership, evidence, security, cost, reversibility, and operational reality rather than a platform slogan.
* [Generative AI in ecommerce: five practical examples](/guides/generative-ai-in-ecommerce.md)\
  Apply generative AI to five ecommerce jobs while protecting catalog facts, channel requirements, approvals, and deterministic delivery outputs.
* [AI-based video analytics: signals, metrics, and architecture](/guides/ai-video-analytics.md)\
  Design AI-based video analytics by separating content signals, playback telemetry, business events, evaluation, and time-aligned evidence.
* [What is a visual AI platform? Layers, choices, and evaluation](/guides/visual-ai-platform.md)\
  Understand the layers of a visual AI platform, decide which ones to build or buy, and evaluate the complete workflow instead of a model demo.
* [Why AI image recognition matters and how it works](/guides/ai-image-recognition.md)\
  Learn how AI image recognition turns pixels into task-specific labels, where it creates value, and how to evaluate uncertainty and domain fit.

5 guides

## Platforms and integrations

Connect commerce, CMS, frontend, and storage platforms to one observable media-processing layer.

* [Four pillars of digital transformation in retail](/guides/retail-digital-transformation-pillars.md)\
  Connect customer experience, operations, data, and platform modernization through a practical retail media layer.
* [Magento media optimization for technical SEO](/guides/magento-media-seo.md)\
  Improve Magento media performance and image search hygiene as part of a broader technical SEO program.
* [Media uploads for Angular commerce applications](/guides/angular-ecommerce-media-uploads.md)\
  Design an Angular commerce upload and media workflow with resumability, signed Templates, and asynchronous results.
* [Media operations for customer experience marketing](/guides/customer-experience-media-operations.md)\
  Use media operations to support relevant customer experiences without creating ungoverned one-off assets.
* [Magento vs. Shopify: architecture and media workflow tradeoffs](/guides/magento-vs-shopify.md)\
  Compare Magento and Shopify through ownership, extensibility, operations, media workflows, and team constraints.

7 guides

## Workflow automation

Design reusable Assembly Templates for moderation, analysis, routing, derivatives, and exports.

* [A complete guide to digital-asset workflows](/guides/digital-asset-workflows.md)\
  Design a digital-asset workflow from intake and processing through review, publication, retention, and deletion.
* [AI content moderation in an upload workflow](/guides/ai-content-moderation-workflows.md)\
  Place AI moderation inside a controlled upload workflow with confidence thresholds and human review.
* [Automated content moderation: architecture and failure handling](/guides/automated-content-moderation.md)\
  Build automated moderation as a layered system of file checks, classifiers, policy decisions, and review queues.
* [Automated image analysis with observable workflows](/guides/automated-image-analysis.md)\
  Turn image analysis into a repeatable, asynchronous workflow rather than a blocking application request.
* [Media automation: from upload to reliable output](/guides/media-automation.md)\
  Automate repeatable media intake, transformation, validation, and export while preserving observability and control.
* [How to convert HTML to PDF at scale](/guides/convert-html-to-pdf.md)\
  Render invoices, reports, and receipts to PDF from a URL or uploaded HTML, and make the output repeatable.
* [Customizable media processing workflows with Transloadit](/guides/customizable-media-processing-workflows.md)\
  Design a reusable Template with validation, variables, parallel derivatives, secure storage, and observable completion.

6 guides

## Media performance

Improve media performance with measured choices about dimensions, formats, quality, loading, delivery, and the pipelines that prepare assets.

* [Four ways to add images to a GitHub README, plus badges](/guides/images-in-github-readmes.md)\
  Add images to a GitHub README with repository files, issue attachments, raw URLs, HTML, or generated assets.
* [Five best practices for HTML and CSS background images](/guides/html-background-image-best-practices.md)\
  Five practices for CSS background images that balance composition, accessibility, and page performance.
* [Five ways to use images in React, from static imports to user uploads](/guides/import-images-in-react.md)\
  Compare static imports, public paths, remote URLs, CSS imports, and runtime upload results in React.
* [Six reliable ways to save images in Python](/guides/save-images-in-python.md)\
  Save images from bytes, URLs, Pillow, OpenCV, uploads, and managed processing results without losing error handling.
* [Eight image SEO optimization practices](/guides/image-seo-optimization.md)\
  Eight image SEO practices covering semantics, dimensions, formats, performance, discovery, and measurement.
* [How to serve responsive images from one URL](/guides/serve-responsive-images-from-one-url.md)\
  Derive every image size from one canonical URL, cache the results at the edge, and keep the encoding bill flat while traffic grows.

5 guides

## DAM-adjacent and enterprise architecture

Place processing infrastructure correctly around DAMs and enterprise systems of record.

* [3D asset management: files, dependencies, and lifecycle](/guides/3d-asset-management.md)\
  Manage 3D assets through source, working, review, delivery, metadata, and retention states.
* [Five ways asset-management technology transforms operations](/guides/asset-management-technology.md)\
  Five ways modern asset-management technology improves intake, discovery, reuse, governance, and delivery.
* [Five reasons advertising agencies pair DAM with media automation](/guides/dam-for-advertising-agencies.md)\
  Five reasons agencies benefit from governed asset records paired with automated media processing.
* [Nine DAM use cases in ecommerce](/guides/ecommerce-dam-use-cases.md)\
  Nine ecommerce DAM use cases, from supplier intake and product variants to localization and channel delivery.
* [Integrating DAM workflow systems with media processing](/guides/dam-workflow-systems.md)\
  Connect DAM states to media-processing jobs without duplicating ownership or creating callback races.

10 guides

## Comparisons and alternatives

Compare media products by architecture, workflow coverage, ownership boundaries, operations, and cost.

* [A Wistia alternative for programmable video processing](/guides/wistia-alternative.md)\
  Compare Wistia with a programmable, storage-independent video-processing architecture.
* [When to use Transloadit instead of AEM media processing](/guides/adobe-experience-manager-alternative.md)\
  Evaluate Transloadit as an external processing layer beside or instead of AEM’s media operations.
* [Brandfolder and Transloadit: DAM plus processing infrastructure](/guides/brandfolder-and-transloadit.md)\
  Understand how a DAM such as Brandfolder and a programmable media-processing layer solve different parts of asset operations.
* [Bynder and Transloadit: choosing the right layer](/guides/bynder-and-transloadit.md)\
  Decide whether a team needs a DAM, a media-processing API, or an integration of both.
* [Canto and Transloadit: asset management versus processing](/guides/canto-and-transloadit.md)\
  Compare Canto’s asset-management role with Transloadit’s programmable file-processing role.
* [Best document processing APIs for production workflows](/guides/best-document-processing-apis-2026.md)\
  Compare five document-processing APIs in 2026: conversion; PDF editing and composition; OCR and page structure; structured extraction or classification.
* [Best image APIs for production workloads](/guides/best-image-apis-2026.md)\
  Compare leading image APIs in 2026 by lifecycle role: upload, workflows, URL transformation, storage, delivery, and asset management.
* [Best video APIs for production workloads](/guides/best-video-apis-2026.md)\
  Compare leading video APIs in 2026 by lifecycle role: ingest, processing, storage, delivery, playback, editing, and analytics.
* [Dacast and Transloadit: live streaming or post-live processing?](/guides/dacast-alternative.md)\
  Compare Dacast’s online video platform with Transloadit’s programmable post-live and VOD workflows, separating streaming delivery from file transformation.
* [Dash and Transloadit: digital asset management or file processing?](/guides/dash-alternative.md)\
  Compare Dash (dash.app), a collaborative DAM platform, with Transloadit’s programmable file processing and decide when to use either or both.

## From a sound decision to a running pipeline

Use the guides to choose an architecture, then build and validate the corresponding Assembly workflow.

[Start building free](/c/signup/)[Read the documentation](/docs.md)