55 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.
5 guides
Uploads and frontend integration
Build reliable browser upload experiences with Uppy, tus, signed requests, and accessible progress.
- HTML video in production: 10 practical checks
Ten production checks for HTML video, from source selection and captions to poster images and preprocessing.
- Three best practices for CSS banner images
Three durable practices for sharp, responsive CSS banner images without unreadable text or accidental crops.
- Five reliable ways to center an image in HTML
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
Six CSS approaches to background sizing, with guidance on avoiding distortion and unnecessary downloads.
- A beginner’s guide to FFmpeg with Python
A safe introduction to running FFmpeg from Python and deciding when to move the workload to a managed media pipeline.
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
Five browser techniques for image cropping and the point where a generated derivative becomes the better choice.
- Automatic image cropping: use cases and safeguards
Where automatic cropping works, which signals matter, and how to build reviewable fallbacks for difficult images.
- Cropping images in JavaScript without losing coordinate accuracy
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
Compare Pillow and OpenCV cropping, coordinate conventions, quality checks, and managed batch-processing alternatives.
- How to build an image crop workflow in React
Build a React crop workflow that preserves source coordinates and delegates authoritative rendering to Transloadit.
5 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
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
Reduce SVG size without changing rendering, accessibility, viewBox behavior, or security assumptions.
- A practical guide to SVG support in React Native
Choose between bundled components, remote SVG files, and raster fallbacks in React Native applications.
- How to convert compatible images to JPEG automatically
Build a conditional conversion workflow that uses JPEG only when its tradeoffs suit the source and destination.
- AVI vs. MOV: how to choose the right container
Compare AVI and MOV by codec support, metadata, editing workflows, compatibility, and delivery goals.
5 guides
Video processing and creation
Prepare video for products, campaigns, playback environments, and reusable publishing workflows.
- 22 types of marketing videos and how to produce them well
A practical map of 22 marketing video formats and the production decisions they share.
- A practical architecture for video auto-tagging
Understand video auto-tagging as a sampled analysis workflow with explicit taxonomies, confidence, and human review.
- Five business video ideas and five production practices
Five useful business video formats and five production practices that improve clarity and reuse.
- How to use video effectively on a landing page
Use video on landing pages without sacrificing message hierarchy, accessibility, or page performance.
- How to prepare video for social media
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
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
Evaluate live and on-demand video APIs by ingest, latency, playback, processing, storage, observability, and ownership.
- A practical guide to planning a live stream
Plan a live stream around audience access, reliable capture, moderation, recording, and post-event reuse.
- After going live: make the recording available on demand
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
Understand capture, encoding, transport, packaging, delivery, buffering, and playback contributions to latency.
5 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
Give AI agents constrained media capabilities through stable Templates, structured inputs, and observable Assembly results.
- Two ways to describe images with AI
Compare direct vision-model descriptions with a preprocessing pipeline that creates cleaner, bounded analysis inputs.
- Creating 3D models from images: a practical pipeline
Plan a photo-to-3D capture and processing workflow without confusing image preparation with 3D reconstruction.
- AI image analysis: tasks, architecture, and safeguards
Understand classification, detection, OCR, captioning, embeddings, and moderation as different image-analysis tasks.
- AI image processors inside production media pipelines
Combine generative or analytical image services with deterministic validation and transformations.
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
Connect customer experience, operations, data, and platform modernization through a practical retail media layer.
- Magento media optimization for technical SEO
Improve Magento media performance and image search hygiene as part of a broader technical SEO program.
- Media uploads for Angular commerce applications
Design an Angular commerce upload and media workflow with resumability, signed Templates, and asynchronous results.
- Media operations for customer experience marketing
Use media operations to support relevant customer experiences without creating ungoverned one-off assets.
- Magento vs. Shopify: architecture and media workflow tradeoffs
Compare Magento and Shopify through ownership, extensibility, operations, media workflows, and team constraints.
5 guides
Workflow automation
Design reusable Assembly Templates for moderation, analysis, routing, derivatives, and exports.
- A complete guide to digital-asset workflows
Design a digital-asset workflow from intake and processing through review, publication, retention, and deletion.
- AI content moderation in an upload workflow
Place AI moderation inside a controlled upload workflow with confidence thresholds and human review.
- Automated content moderation: architecture and failure handling
Build automated moderation as a layered system of file checks, classifiers, policy decisions, and review queues.
- Automated image analysis with observable workflows
Turn image analysis into a repeatable, asynchronous workflow rather than a blocking application request.
- Media automation: from upload to reliable output
Automate repeatable media intake, transformation, validation, and export while preserving observability and control.
5 guides
Media performance
Improve media performance with measured choices about dimensions, formats, quality, loading, and delivery.
- Four ways to add images to a GitHub README, plus badges
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
Five practices for CSS background images that balance composition, accessibility, and page performance.
- Five ways to use images in React, plus user uploads
Compare static imports, public paths, remote URLs, CSS imports, and runtime upload results in React.
- Six reliable ways to save images in Python
Save images from bytes, URLs, Pillow, OpenCV, uploads, and managed processing results without losing error handling.
- Eight image SEO optimization practices
Eight image SEO practices covering semantics, dimensions, formats, performance, discovery, and measurement.
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
Manage 3D assets through source, working, review, delivery, metadata, and retention states.
- Five ways asset-management technology transforms operations
Five ways modern asset-management technology improves intake, discovery, reuse, governance, and delivery.
- Five reasons advertising agencies pair DAM with media automation
Five reasons agencies benefit from governed asset records paired with automated media processing.
- Nine DAM use cases in ecommerce
Nine ecommerce DAM use cases, from supplier intake and product variants to localization and channel delivery.
- Integrating DAM workflow systems with media processing
Connect DAM states to media-processing jobs without duplicating ownership or creating callback races.
5 guides
Comparisons and alternatives
Compare media products by architecture, workflow coverage, ownership boundaries, operations, and cost.
- A Wistia alternative for programmable video processing
Compare Wistia with a programmable, storage-independent video-processing architecture.
- When to use Transloadit instead of AEM media processing
Evaluate Transloadit as an external processing layer beside or instead of AEM’s media operations.
- Brandfolder and Transloadit: DAM plus processing infrastructure
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
Decide whether a team needs a DAM, a media-processing API, or an integration of both.
- Canto and Transloadit: asset management versus processing
Compare Canto’s asset-management role with Transloadit’s programmable file-processing role.
From a sound decision to a running pipeline
Use the guides to choose an architecture, then build and validate the corresponding Assembly workflow.