Compare visuellement iPad vs iPhone4 vs curved monitor vs discord monitor

Compare visuellement iPad vs iPhone4 vs curved monitor vs discord monitor. Cet outil permet de comparer visuellement les tailles de différents objets.

Outils

Comparatifs visuels à la une

Comparatifs visuels récents

Mode avancé (images, formes...)

Dimensions de références

iPhone4|115.5×62.1×9.3mm|https://socialcompare.com/iv3/size/iphone4-front.png|https://socialcompare.com/iv3/size/iphone4-side.png|https://socialcompare.com/iv3/size/iphone4-top.png
iPad|242.8×189.7×13.4mm|https://socialcompare.com/iv3/size/ipad-front.png|https://socialcompare.com/iv3/size/ipad-side.png|https://socialcompare.com/iv3/size/ipad-top.png
Batterie AAA|44.5×10.5×10.5mm|0,0,30,50:M0,2h10v-2h10v2h10v50h-30z|0,0,30,50:M0,2h10v-2h10v2h10v50h-30z|0,0,120,120:M0,60A60,60,180 1 1 0,60.1z
Batterie AA|50.5×14×14mm|0,0,30,50:M0,2h10v-2h10v2h10v50h-30z|0,0,30,50:M0,2h10v-2h10v2h10v50h-30z|0,0,120,120:M0,60A60,60,180 1 1 0,60.1z
CD|120×120mm×1.2mm|0,0,1200,1200:M0,600a600,600,0 0 1 1200,0h-525a75,75 0 0 0 -150,0a75,75 90 0 0 150,0h525a600,600,0 0 1 -1200,0z
Carte SD|32×24×2.1mm|0,0,118,97:M0,0v38h4v34h-4v88l0,0 1,0h118l0,-0 0,-0v-101l-2,0v-9l2,0v-29l-21,-21h-97l0,0z
Carte bancaire|53.98×85.60×0.76mm|https://socialcompare.com/iv3/size/banking-card.svg
Feuille A4|297×210mm

Syntaxe

<libellé> | <dimensions> [[[ | <vue de face>] | <vue de droite>] | <vue de dessus>]

<libellé>: Le nom à associer à l'objet
<dimensions>: 2 ou 3 dimensions separées par "×" ex: "5,5 cm × 5 cm", "5×5×2,2mm", "5×5×2,2inch"
<vue de face> ^(optionel): La manière dont l'objet doit être representé pour la vue de face (voir plus bas)
<vue de droite> ^(optionel): La manière dont l'objet doit être representé pour la vue de droite (voir plus bas)
<vue de dessus> ^(optionel): La manière dont l'objet doit être representé pour la vue de dessus (voir plus bas)

Pour rendre votre comparatif visuel plus representatif; vous pouvez définir la manière dont il doit être dessiné en utilisant les paramètres de vues. Voici plus bas la liste des valeurs utilisable pour ses paramètres:

rectangle: par défaut l'outil dessinera l'objet sous forme de rectangles colorés; il n'y a rien a mettre pour obtenir ce rendu
url d'image : vous pouvez donner l'url d'une image qui correspond a votre objet. Assurez vous que l'image dispose du moins d'espace possible entre le bord de l'image et l'objet dans l'image, sinon le rendu ne sera pas correct.
ex: https://socialcompare.com/iv3/size/iphone4-front.png
url svg: vous pouvez donner l'url d'une image SVG, mais certains navigateurs ne le supporte pas; dans ce cas le navigateurs affichera un rectangle.
ex: https://socialcompare.com/iv3/size/sd-card.svg
svg viewbox et path data: vous pouvez donner les données du chemin ("path data") pour créer une image SVG avec différentes couleurs. Préfixez les données "path data" par les valeurs de la "viewBox" suivi de ":". Spécification SVG Path
ex. un triangle: 0,0,90,90:M0,0V90H90z

Le comparateur visuel est intégré aux tableaux comparatifs

Les comparatifs qui ont au moins les critères hauteur et largeur, affichent dans le coin en haut à gauche du tableau l'icône suivant:
Cliquez dessus pour accéder directement à une comparaison visuelle des dimensions présentes dans le tableau.