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.

Supprimer Enregistrer pour partager Inclure
Copier et coller le code ci-dessous pour l'inclure dans votre site web ou blog.
Mode avancé (images, formes...)

Saisissez les dimensions une par ligne, prefixé par le nom a associer (séparé par "|"). Voir plus bas pour la syntaxe complète.

Boites de saisi des dimensions Mode simple
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.

Comparatifs à la une

Si une fonctionnalité vous manque, ou ne fonctionne pas

Vous pouvez nous envoyer un Tweet ou vous pouvez utiliser notre Formulaire de contact