Modèles 3D AR à partir d’une seule photo
Créez des modèles 3D AR à partir d’une seule image en 3 à 5 minutes : GLB pour Scene Viewer d’Android et le web, USDZ pour AR Quick Look sur iPhone et iPad.
- 3 crédits gratuits, sans carte
- GLB + USDZ
- iPhone, iPad et Android
Comment créer des modèles 3D AR que l’on peut placer dans sa pièce
Les deux plateformes mobiles disposent d’un lecteur AR intégré. Il vous faut un fichier par plateforme, avec la bonne taille intégrée.
- 01
Générer à partir d’une photo
Importez une photo nette d’un seul objet ici ou dans le studio. Pour l’AR, générez en texturé (3 crédits, offre payante) : un modèle gris paraît inachevé sur une vraie table. Les modèles texturés prennent généralement 3 à 5 minutes. - 02
Définir la taille réelle
L’IA ne connaît pas la taille réelle de votre objet. Ouvrez le GLB dans Blender, saisissez ses dimensions en mètres dans le panneau N, appliquez l’échelle, puis réexportez. Avec glTF, 1 unité = 1 m : l’AR placera donc l’objet à cette taille. - 03
Exporter en GLB pour Android et le web
Le GLB est le format chargé par Scene Viewer de Google et par le composant web<model-viewer>. C’est aussi le téléchargement gratuit. - 04
Exporter en USDZ pour les appareils Apple
L’USDZ est le format qu’ouvre AR Quick Look dans Safari, Messages, Mail, News et Notes sur iPhone, iPad et Apple Vision Pro. C’est un export studio payant, ou convertissez vous-même le GLB avec le convertisseur GLB vers USDZ gratuit. - 05
Vérifier les deux fichiers
Prévisualisez l’USDZ dans le lecteur USDZ gratuit et le GLB dans le lecteur GLB. Vérifiez l’absence de textures manquantes et un nombre de triangles raisonnable avant publication. - 06
Publier avec un lien ou une intégration
Hébergez les fichiers en HTTPS et utilisez le code de la section suivante. Une seule balise<model-viewer>peut servir les deux plateformes.
Modèles en réalité augmentée : ce dont chaque plateforme a besoin
Exigences tirées de la documentation développeur d’Apple et de Google, vérifiées en octobre 2026.
| iPhone / iPad (AR Quick Look) | Android (Scene Viewer) | |
|---|---|---|
| Format de fichier | USDZ | glTF 2.0 / GLB |
| À servir comme | Type MIME model/vnd.usdz+zip | URL HTTPS |
| Lien web | <a rel="ar" href="model.usdz"> avec exactement un enfant <img> ou <picture> | lien intent://arvr.google.com/scene-viewer/1.0?file=… |
| Limites de taille | Aucun chiffre dur publié ; utilisez les cibles Android comme budget sûr | 100k triangles recommandés (30–50k idéal), 10 Mo, textures jusqu’à 2048 × 2048 |
| Matériaux | PBR | PBR ; jusqu’à 10 matériaux recommandés, 1 jeu d’UV par maillage (limite stricte) |
| Extensions | n/a | Seuls KHR_materials_unlit et KHR_texture_transform sont répertoriés |
| Orientation | Placé debout sur une surface détectée | +Y vers le haut ; l’avant doit être orienté vers +Z |
| Ombres | Ne pas les intégrer à la texture | Ombres dures ajoutées automatiquement – ne les intégrez pas à la texture |
Code d’intégration des modèles 3D AR sur un site web
Une balise pour tous les téléphones. Le composant web <model-viewer> de Google charge un GLB et, avec l’attribut ar, propose l’AR sur les appareils compatibles. Sa valeur par défaut ar-modes est webxr scene-viewer quick-look, dans cet ordre de priorité. Si vous ne définissez pas ios-src, il génère un USDZ à la volée pour l’iPhone : un seul GLB peut donc couvrir les deux plateformes. Définissez ar-placement="wall" pour les œuvres et les miroirs, et ar-scale="fixed" pour empêcher que l’on pince un produit jusqu’à une taille erronée.
iPhone uniquement, sans JavaScript. Liez l’USDZ avec rel="ar", en encapsulant un seul aperçu <img>. Safari ouvre alors AR Quick Look sur place au lieu de quitter la page, et revient à votre page à la sortie. Votre serveur doit envoyer le fichier en model/vnd.usdz+zip, sinon Safari ne le traitera pas comme du contenu AR.
Android uniquement. Utilisez un lien intent vers arvr.google.com/scene-viewer/1.0 avec file= défini sur l’URL HTTPS de votre GLB. Ajoutez mode=ar_only pour ignorer l’aperçu 3D (Google déconseille de l’utiliser pour les liens lancés depuis un navigateur), resizable=false pour verrouiller l’échelle réelle, et title= pour le nom affiché (tronqué après 60 caractères). Incluez S.browser_fallback_url pour que les personnes sans prise en charge de l’AR arrivent sur une page utile.
Modèles 3D AR réalisés à partir d’une photo
Des objets que l’on place vraiment en AR : produits, déco et objets de collection. Faites-les tourner pour juger la texture de près, comme le ferait un acheteur.
USDZ pour l’AR : bien régler la taille et le poids
Deux choses font paraître un modèle AR faux sur un téléphone : une mauvaise taille et un chargement lent. Réglez la taille avant l’export, car elle fait partie du fichier : une basket de 26 cm doit mesurer 0,26 unité de haut en glTF. Ensuite, gardez le fichier léger. Les recommandations de Google pour Scene Viewer sont moins de 100 000 triangles, avec 30 000 à 50 000 idéalement, moins de 10 Mo, et des textures ne dépassant pas 2048 × 2048.
- Réduisez les triangles avec le simplificateur de maillage gratuit
- Notre compresseur GLB utilise meshopt et WebP – parfait pour
<model-viewer>, mais Scene Viewer ne répertorie ni l’une ni l’autre de ces extensions : testez avant de l’utiliser là-bas - N’intégrez pas les ombres à la texture ; Scene Viewer ajoute les siennes lorsque l’objet est placé
- Orientez l’avant de l’objet vers +Z pour qu’il fasse face au spectateur
À faire et à ne pas faire pour les modèles en réalité augmentée
- Photographiez les produits sous une lumière douce et uniforme – la texture provient de votre image
- Générez des modèles texturés pour tout ce que les clients verront
- Définissez les dimensions réelles en mètres avant l’export
- Testez sur un iPhone et un téléphone Android avant le lancement
- Prévoyez une image de secours pour les personnes sans AR
- Utiliser des reflets brillants ou des ombres dures sur la photo source
- Livrer un fichier de 50 Mo sur une page produit
- Compter sur l’IA pour deviner l’arrière d’un produit à partir d’une photo de face uniquement
- Attendre des animations – les modèles sont statiques
- Utiliser des modèles IA là où les mesures exactes comptent, comme une pièce qui doit s’ajuster
Les limites honnêtes du contenu AR généré par IA
La reconstruction par IA est excellente pour montrer à quoi ressemble un objet et quelle taille il occupe dans une pièce. Ce n’est pas un scan mesuré : les proportions sont proches, pas exactes, et les petits textes sur une étiquette ressortent souvent flous. Si un acheteur doit savoir si une boîte tient sur une étagère de 40 cm, indiquez les dimensions réelles sur la page, à côté du bouton AR.
Les modèles ne bougent pas non plus. Il n’y a pas de squelette, donc pas de cycles de marche ni de personnages animés ; l’affichage statique est leur rôle. Pour les meubles en particulier, consultez le workflow d’aménagement intérieur ; pour des versions imprimées du même objet, figurine à partir d’une photo.
Outils pour les fichiers AR
FAQ
Questions fréquentes
Quel format de fichier utilisent les modèles 3D AR ?
Comment afficher un USDZ en AR sur iPhone ?
Comment ouvrir un GLB en AR sur Android ?
Les modèles 3D AR de SupaVoxel sont-ils gratuits ?
Pourquoi mon modèle AR a-t-il une mauvaise taille ?
Puis-je utiliser des modèles AR sur une page produit à des fins commerciales ?
Les modèles AR peuvent-ils être animés ?
Un seul fichier AR fonctionne-t-il sur iPhone et Android ?
Outils et guides associés
Continuer
Commencer gratuitement
Placez votre produit dans la pièce avec des modèles 3D en AR
Importez une photo, obtenez un modèle texturé en quelques minutes, puis exportez en GLB et USDZ. 3 crédits gratuits, sans carte.
Sans carte bancaire · 3 crédits offerts pour démarrer