Compare visuellement iPhone4 vs X vs Note

Compare visuellement iPhone4 vs X vs Note. 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|http://socialcompare.com/iv3/size/iphone4-front.png|http://socialcompare.com/iv3/size/iphone4-side.png|http://socialcompare.com/iv3/size/iphone4-top.png
iPad|242.8×189.7×13.4mm|http://socialcompare.com/iv3/size/ipad-front.png|http://socialcompare.com/iv3/size/ipad-side.png|http://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|http://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: http://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: http://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.