Compare visuellement st jerome vs titian vs st francis vs st jerome caravaggio vs st seba, reni vs st onuphrius vs st agnes

Compare visuellement st jerome vs titian vs st francis vs st jerome caravaggio vs st seba, reni vs st onuphrius vs st agnes. Cet outil permet de comparer visuellement les tailles de différents objets.

Outils

Supprimer Enregistrer pour partager Inclure
Copier et coller le code ci-dessous pour l'inclure dans votre site web ou blog.

Comparatifs visuels à la une

Comparatifs visuels récents

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|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.

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