Guides
Guides
How interactive 3D photos work, and how to put one on a real website.
September 25, 2026 · 8 min read
How to add an interactive 3D product photo to Shopify
Put a draggable 3D product photo on a Shopify product page or homepage with a Custom Liquid section, from one photo and no 3D model or app, with the sizing that works on phones.
- shopify
- ecommerce
- how-to
September 25, 2026 · 10 min read
Interactive product photos without a 3D model
Make a product photo that shoppers can drag and tilt, from one ordinary photo, with no 3D model, 360° shoot or developer, and put it on a product page with one embed.
- product-photos
- ecommerce
- 3d-photo
September 25, 2026 · 7 min read
Turn burst photos into a GIF or a boomerang, in your browser
Burst shots from your phone make a smoother GIF than any single photo. How to turn them into a looping GIF or a back-and-forth boomerang without an app.
- gif
- boomerang
- how-to
September 25, 2026 · 7 min read
Make a depth map from an image for Blender (free, 16-bit)
Turn a photo into a depth map and use it with Blender's Displace modifier: a free 16-bit PNG, the right colour space, and settings that avoid stair-steps.
- depth-map
- blender
- how-to
September 25, 2026 · 5 min read
A 3D image effect on mouse movement, without writing the code
The image that tilts and shifts as the cursor moves: how the effect works, the code route, and the no-code route with one embed.
- parallax
- how-to
- web-design
September 25, 2026 · 6 min read
The 2.5D parallax effect: how it works and how to make one from a single photo
What a 2.5D parallax effect is, why it looks 3D, and how to make one from a single photo online without cutting layers by hand.
- parallax
- how-to
- 3d-photo
September 23, 2026 · 11 min read
Running Depth Anything V2 in the browser: a free depth map tool with no server
How Gifsy's depth map generator runs Depth Anything V2 entirely in the browser with ONNX Runtime Web: the 50 MB model, preprocessing, the guided filter that sharpens edges, and a 16-bit PNG encoder in about 60 lines.
- depth-map
- engineering
- onnx
September 23, 2026 · 9 min read
How to animate a photo into a GIF, without an app
Turn one still photo into a looping GIF in your browser: which effect suits which photo, what speed and boomerang actually change, why some GIFs come out huge, and how to get a clean loop.
- gif
- how-to
September 23, 2026 · 8 min read
GIF size limits for Discord, Slack, X, GitHub and email (2026)
The file-size and dimension limits for GIFs on Slack, Discord, GitHub, email and the big chat apps, taken from each platform's own documentation — and what to change when a GIF is too big.
- gif
- reference
- limits
September 19, 2026 · 8 min read
Interactive 3D photos in a portfolio site: photographers, illustrators, 3D artists
Where a draggable photo earns its place in a portfolio and where it doesn't. Portrait and editorial photography, layered illustration, still renders from 3D and motion artists — with the badge question, gallery-versus-hero placement, and which portfolio builders take an iframe.
- portfolio
- use-case
- photography
September 19, 2026 · 8 min read
An interactive 3D hero section for your website: patterns that work, and a performance budget
One interactive photo above the fold instead of a video or a static JPG. Six hero patterns, how to lay copy over a scene without blocking the drag, the load budget for an above-the-fold iframe, and the exact steps in Webflow, Framer, Squarespace and WordPress.
- hero
- use-case
- webflow
- framer
September 19, 2026 · 8 min read
Best photos for a 3D effect — and the ones that fail
What makes a photo turn into a convincing 3D scene: a clear subject, a receding background, an edge the matte can find. Eleven rules with the reason behind each, the six kinds of photo that fail and why, and a five-second test before you upload.
- photos
- how-to
- limits
September 18, 2026 · 4 min read
Telegram sticker size: 512×512, WebP vs PNG, and the 512 KB limit
The exact rules for a static Telegram sticker — one side exactly 512 px, PNG or WebP with transparency, under 512 KB — with a WebP-vs-PNG table, the 100×100 emoji confusion, and what the @Stickers bot actually rejects.
- telegram
- stickers
- reference
September 18, 2026 · 7 min read
How to make Telegram stickers from a photo without an app
The whole flow from a browser: cut the subject out, get a 512×512 WebP, and build the pack with the @Stickers bot — including the /newpack vs /newemojipack trap and why you must send the file as a file.
- telegram
- stickers
- how-to
September 18, 2026 · 7 min read
How to add a 3D photo to WordPress without a plugin
One Custom HTML block — no slider plugin, no Photoshop layers. The block editor, Elementor and the classic editor, the wp_kses gotcha that silently strips iframes for non-admins, and how to make it responsive in a theme you don't control.
- wordpress
- embed
- how-to
September 18, 2026 · 6 min read
How to add an interactive 3D photo to Squarespace (Code block, not Embed block)
Squarespace's Embed block wants an oEmbed URL; a Gifsy scene is an iframe, so it goes in a Code block. Where the block is, why 'Display source' must be off, the plan requirement, and how to size it on phones.
- squarespace
- embed
- how-to
September 18, 2026 · 14 min read
Interactive 3D photos for websites: the complete guide (2026)
Turn one photo into a 3D scene visitors can drag, then embed it in Webflow, Framer, Squarespace or WordPress. What it is, why interactive beats a video, how it works, what to shoot, what it costs — with a live scene to try.
- hub
- 3d-photo
- embed
- websites
September 17, 2026 · 6 min read
How to add a 3D photo to Framer with the Embed component
Framer's Embed component takes raw HTML, so an interactive 3D photo is one iframe away — and it publishes on the free plan. Where the component lives, sizing per breakpoint, the transparent-WebM route via the Video component, and what the free plan gates.
- framer
- embed
- how-to
- tested
September 17, 2026 · 11 min read
How do 3D photos work? Depth maps, mattes and two planes, explained
One photo becomes a scene with depth in five steps: a depth map, a subject matte, an inpainted backdrop, two displaced planes, and a camera orbit that stops at 20° for a reason. The models, the numbers, and what a 3D photo can't do.
- explainer
- depth-map
- 3d-photo
September 17, 2026 · 8 min read
How to embed a 3D photo on any website (iframe guide)
The universal iframe snippet, every attribute explained, what the frame actually loads, and the exact menu path for Webflow, Framer, Squarespace, WordPress, Wix, Carrd, Notion and Shopify — plus the troubleshooting table.
- embed
- iframe
- reference
September 17, 2026 · 10 min read
How to add an interactive 3D photo to Webflow (one photo, no layers)
Every "interactive image Webflow" tutorial wants Photoshop-cut layers and an Interactions rig. This one starts from a single photo and uses Webflow's Code Embed — about ten minutes, no code beyond one iframe. Tested on a free account: what's locked, what it costs, and the free-plan video route.
- webflow
- embed
- how-to
- tested