Comment utiliser : Capture d'écran mobile de site web
- Collez l'URL : le mode smartphone et le rendu 3× sont déjà sélectionnés.
- Désactivez Pleine page pour ne capturer que le premier écran, tel qu'il s'affiche sur un téléphone.
- Lancez la capture d'écran.
- Recadrez en 9:16 pour les stories ou téléchargez telle quelle.
Une véritable mise en page mobile, et non une page de bureau réduite
Redimensionner un navigateur de bureau ne reproduit pas ce que les sites font pour les téléphones : menus mobiles, images différentes, composants réservés au tactile et bannières spécifiques au mobile. Ici, le navigateur envoie un user agent mobile et la prise en charge du tactile, afin que le site serve exactement ce que reçoit un visiteur sur smartphone. Vérifiez la rapidité de chargement sur mobile avec le Test de vitesse de page.
Aussi recherché comme : capture d'écran mobile site web, capture d'écran mobile d'un site, site web sur téléphone capture d'écran, capture d'écran iphone site web, capture d'écran tablette site web, vue mobile capture d'écran, responsive design test.
Outils complémentaires : Capture d'écran mobile de site web
- Capture d’écran de site web — Saisissez une URL et obtenez une capture d’écran pleine page réalisée dans un vrai navigateur Chrome, à la largeur ordinateur, tablette ou téléphone, jusqu’à une résolution 3× (Retina), avec les bandeaux de cookies masqués.
- Site web en PDF — Transformez une page web en PDF.
- Ma résolution d'écran — Les dimensions de votre écran et de la fenêtre du navigateur en pixels CSS, le ratio de pixels de l’appareil et la résolution physique réelle, mesurés en direct par votre navigateur.
- Vérificateur de balises meta — Voyez précisément comment Google est susceptible d’afficher votre page : title et description mesurés en pixels, aperçus desktop et mobile, et toutes les balises meta de l’<head>.
Questions fréquentes
Quelle taille de téléphone est utilisée ?
390 × 844 pixels CSS à une densité de 3× : la taille d'un iPhone ou d'un téléphone Android de gamme intermédiaire actuel. Choisissez Largeur personnalisée pour d'autres dimensions.
Puis-je obtenir uniquement le premier écran ?
Oui. Désactivez Pleine page pour capturer uniquement l'écran visible, ou utilisez Recadrer → Premier écran après une capture pleine page.
Le rendu est-il identique à Safari sur un iPhone ?
Il utilise le moteur de Chrome avec une identité mobile. La mise en page est très proche ; de petites différences de polices ou de fonctionnalités propres à Safari sont possibles.