Aller au contenu

Propositions pour Contrepoints


Copeau

Messages recommandés

Le C n'est pas aligné avec le reste du mot, il faudrait penser à corriger ça.

Je colle à l'original pour l'instant. Commençons par corriger un défaut sur lequel tout le monde je crois s'entend.

J'imagine que le choix du décrochage est lié au grand C à l'envers qui doit être centré sur le C à l'endroit : si on met le C sur la ligne de "ontrepoints", alors il faut mettre le C à l'envers plus haut, ce qui déséquilibre peut-être un peu l'ensemble avec le motto. post-19-0-62578800-1370900157_thumb.gif

Lien vers le commentaire

Il faut rappeler Eskoh :)

 

A ce propos, ne serait-il pas temps que le logo de liborg évolue, lui aussi ? 

 

Sinon Eskoh va très bien, merci pour lui, aux dernières nouvelles...

Lien vers le commentaire

Oui, Eskoh, qui a déjà réalisé moult logos pour liborg. Tous plus superbes les uns que les autres. Il est parti, depuis, sous d'autres cieux (un peu comme moi, en somme)

Lien vers le commentaire

Je colle à l'original pour l'instant. Commençons par corriger un défaut sur lequel tout le monde je crois s'entend.

J'imagine que le choix du décrochage est lié au grand C à l'envers qui doit être centré sur le C à l'endroit : si on met le C sur la ligne de "ontrepoints", alors il faut mettre le C à l'envers plus haut, ce qui déséquilibre peut-être un peu l'ensemble avec le motto. attachicon.gifcontrepoints.gif

Serait-il possible de le réaliser en vectoriel au format SVG avec Inkscape ? Ainsi on pourrait créer des PNG dans plusieurs tailles et il ne serait jamais flou.

Lien vers le commentaire

la police n'est pas tout à fait la même

 

C'est vrai qu'on voit bien la différence :)

 

Bon, sérieux, c'est du Times New Roman de base, ni plus ni moins. Epargnez-nous un tel supplice. Des belles polices sérifés il y en a plusieurs.

 

 

Je colle à l'original pour l'instant. Commençons par corriger un défaut sur lequel tout le monde je crois s'entend.

J'imagine que le choix du décrochage est lié au grand C à l'envers qui doit être centré sur le C à l'endroit : si on met le C sur la ligne de "ontrepoints", alors il faut mettre le C à l'envers plus haut, ce qui déséquilibre peut-être un peu l'ensemble avec le motto. attachicon.gifcontrepoints.gif

 

A mon avis si tu gardes cette dimmension d'image il restera flou pour toutes les personnes qui ont zoomé sur la page pour combler les 30% de vide et en améliorer la lecture ;)

Lien vers le commentaire

Serait-il possible de le réaliser en vectoriel au format SVG avec Inkscape ? Ainsi on pourrait créer des PNG dans plusieurs tailles et il ne serait jamais flou.

Je n'ai pas de logiciel de dessin vectoriel. Ceci dit agrandir ou rapetisser ne pose pas de problème avec un simple psd constitué de texte. Il n'y a aucun élément bitmap dans le logo (même pas le C à l'envers), donc pas de problème pour créer le logo dans n'importe quelle taille.

A mon avis si tu gardes cette dimmension d'image il restera flou pour toutes les personnes qui ont zoomé sur la page pour combler les 30% de vide et en améliorer la lecture ;)

Avec la loupe, le logo paraîtra pixelisé mais normalement pas vraiment flou comme aujourd'hui. Le seul moyen de ne pas du tout avoir ce désagrément serait de passer à un logo html/css, ce qui n'est pas grand chose à faire. Rapido : http://cssdesk.com/rhQqM

Lien vers le commentaire

Sinon, on le fait en SVG avec fallback sur PNG pour les pauvres types qui sont sous IE<10 et Android 2.x, et si ce n'était pas un site aussi grand public, je dirait "on s'en fout des utilisateurs de Android 2.x et les autres, on les incite fortement a prendre un brouteur récent"

 

Lien vers le commentaire

J'ai fait un SVG avec fallback pour un client en décembre dernier et il y avait des décalages selon les navigateurs, il m'avait semblé que c'était à cause de l'interlettrage qui n'était pas interprété partout de la même manière. Le client m'a fait revenir sur du PNG. Donc on peut utiliser SVG si on n'est pas au pixel près pour le logo.

Ceci dit agrandir ou rapetisser ne pose pas de problème avec un simple psd constitué de texte. Il n'y a aucun élément bitmap dans le logo (même pas le C à l'envers), donc pas de problème pour créer le logo dans n'importe quelle taille.

OK.

Avec la loupe, le logo paraîtra pixelisé mais normalement pas vraiment flou comme aujourd'hui. Le seul moyen de ne pas du tout avoir ce désagrément serait de passer à un logo html/css, ce qui n'est pas grand chose à faire. Rapido : http://cssdesk.com/rhQqM

Le "C" retourné demande du CSS 3 donc il faudra un fallback en PNG, et un fallback PNG pour du CSS c'est moche. SVG est fait pour notre cas.

Lien vers le commentaire

Je pensais a un SVG basic, avec le texte exporté en shape, pas à du texte stylé en SVG, auquel cas, normalement, ce probleme disparait (par contre, il reste des divergences dans l'antialiasing entre les navigateurs, donc ce n'est pas pixel-perfect)

Lien vers le commentaire

Je pensais a un SVG basic, avec le texte exporté en shape, pas à du texte stylé en SVG, auquel cas, normalement, ce probleme disparait (par contre, il reste des divergences dans l'antialiasing entre les navigateurs, donc ce n'est pas pixel-perfect)

C'est pas bête du tout. Je suis débutant en SVG. Inkscape permet la conversion d'un texte ?
Lien vers le commentaire

Avec la loupe, le logo paraîtra pixelisé mais normalement pas vraiment flou comme aujourd'hui. Le seul moyen de ne pas du tout avoir ce désagrément serait de passer à un logo html/css, ce qui n'est pas grand chose à faire. Rapido : http://cssdesk.com/rhQqM

 

pômaldutoö !

 

Lien vers le commentaire

 

J'y songeais à le faire en CSS aussi. A améliorer, puisque dans ton exemple les bots vont lire "C C ontrepoints" à la place de "Contrepoints", et tu utilises des éléments HTML inappropriés, ce qui est très mauvais pour le référencement.

 

On peut facilement simplifier et optimiser comme ça :

<hgroup id="logo">
  <h1>Contrepoints</h1>
  <h2>le nivellement par le haut</h2>
</hgroup>
body {
  background-color:#fff;
}

#logo {
  width:325px;
}

#logo h1 {
  font:normal 60px/1 times new roman, serif;
  letter-spacing:-1px;
  color:#c00404;
  position:relative;
  left:25px;
  z-index:1;
  margin:0;
}

#logo h1:before {
  content:'C';
  color:#838282;
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg); 
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
  font-size: 80px;
  position:absolute;
  top:-7px;
  left:-25px;
  z-index:-1;
}

#logo h2 {
  font:normal 20px/1 verdana, sans-serif;
  color:#000;
  z-index:1;
  margin:0;
  text-align:center;
}
Lien vers le commentaire

C'est très bien Jules ce que tu as fait. Le but pour l'instant est juste d'explorer les différentes possibilités mais ta version est très bien, il faudra juste rajouter :first-letter pour décaler le premier C. Par contre je ne passerais pas le logo en h1/h2, puisque du point de vue du référencement, c'est davantage le titre de la page que le nom du site que l'on chercher à référencer, dans les pages internes j'entends.

Au sujet du svg, sur http://vectormagic.com/ , on peut convertir un fichier png en svg. Voilà le résultat par exemple (en l’occurrence, c'est un peu lourd bien qu'une fois gzippé les 25ko ne vont plus faire que 8-9ko, et on peut baisser la qualité si on le souhaite). Copiez le texte et placez le dans un fichier .svg.

 

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="900pt" height="205pt" viewBox="0 0 900 205" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill="#ffffff" d=" M 0.00 0.00 L 900.00 0.00 L 900.00 205.00 L 0.00 205.00 L 0.00 0.00 Z" />
<path fill="#c00404" d=" M 685.44 6.39 C 690.72 3.50 698.69 7.48 698.03 13.90 C 697.83 20.78 688.41 23.75 683.65 19.30 C 679.34 16.03 680.31 8.32 685.44 6.39 Z" />
<path fill="#838282" d=" M 46.78 10.72 C 61.72 6.76 77.81 7.03 92.63 11.40 C 102.28 14.43 111.32 19.71 118.33 27.04 C 112.33 28.77 106.57 31.34 101.31 34.71 C 87.51 17.77 62.68 13.22 42.45 19.50 C 29.43 23.47 20.32 34.24 12.03 44.41 C 10.86 43.82 9.68 43.23 8.51 42.64 C 16.77 27.85 30.16 15.26 46.78 10.72 Z" />
<path fill="#c00404" d=" M 361.29 21.30 C 362.03 21.27 363.50 21.22 364.24 21.19 C 364.25 28.95 364.26 36.71 364.24 44.48 C 370.15 44.51 376.07 44.50 381.98 44.48 C 381.99 46.32 382.00 48.16 382.01 49.99 C 376.09 50.01 370.16 49.99 364.24 50.01 C 364.30 66.28 364.17 82.56 364.30 98.83 C 364.29 102.66 366.83 107.08 371.08 107.03 C 375.37 107.47 378.84 104.35 380.96 100.94 C 381.82 100.97 383.54 101.04 384.40 101.07 C 382.08 106.38 378.69 111.59 373.29 114.15 C 367.28 117.55 359.03 116.90 354.09 111.92 C 350.92 108.47 350.22 103.57 350.24 99.06 C 350.26 82.71 350.25 66.36 350.24 50.00 C 346.22 50.00 342.19 50.03 338.17 49.95 C 338.19 49.30 338.23 48.01 338.25 47.36 C 349.31 42.52 357.12 32.40 361.29 21.30 Z" />
<path fill="#c00404" d=" M 813.33 21.29 C 814.06 21.26 815.51 21.22 816.24 21.19 C 816.25 28.95 816.26 36.71 816.24 44.48 C 822.15 44.51 828.07 44.50 833.99 44.48 C 833.99 46.32 833.99 48.15 834.01 49.99 C 828.08 50.01 822.16 49.99 816.24 50.01 C 816.32 66.23 816.13 82.46 816.33 98.68 C 816.26 102.57 818.75 107.03 823.07 107.03 C 827.44 107.53 830.84 104.32 833.08 100.96 C 833.91 100.99 835.57 101.05 836.41 101.07 C 834.28 105.97 831.29 110.78 826.54 113.50 C 820.58 117.37 811.96 117.32 806.63 112.37 C 802.92 109.01 802.35 103.70 802.24 98.99 C 802.24 82.66 802.25 66.33 802.24 50.00 C 798.22 50.00 794.19 50.02 790.18 49.95 C 790.19 49.30 790.23 48.00 790.25 47.36 C 801.36 42.58 809.18 32.40 813.33 21.29 Z" />
<path fill="#c00404" d=" M 118.33 27.04 C 131.71 23.39 146.37 24.11 159.04 29.92 C 161.76 30.96 164.67 33.10 167.68 31.85 C 170.63 30.65 171.59 27.34 172.84 24.71 C 173.57 24.73 175.04 24.77 175.78 24.78 C 176.67 37.16 177.62 49.53 178.45 61.91 C 177.71 61.84 176.24 61.69 175.50 61.62 C 172.58 52.60 168.05 43.52 160.15 37.87 C 149.79 30.33 135.68 29.01 123.64 32.82 C 117.07 34.94 111.05 38.84 106.81 44.32 C 98.40 55.29 96.00 69.52 95.98 83.01 C 96.01 94.17 98.32 105.76 105.06 114.89 C 108.39 119.38 112.86 122.93 117.83 125.45 C 128.43 130.84 141.14 131.66 152.52 128.52 C 163.53 125.53 171.35 116.58 178.22 108.03 C 179.23 108.55 180.23 109.07 181.24 109.59 C 175.85 118.70 168.46 126.96 158.96 131.88 C 148.57 137.30 136.50 138.21 125.00 137.21 C 119.82 136.70 114.67 135.59 109.83 133.64 C 105.29 131.94 100.97 129.63 97.10 126.70 C 84.04 116.70 76.14 100.50 76.23 84.05 C 75.56 64.80 85.04 45.26 101.31 34.71 C 106.57 31.34 112.33 28.77 118.33 27.04 Z" />
<path fill="#838282" d=" M 106.81 44.32 C 111.05 38.84 117.07 34.94 123.64 32.82 C 144.74 59.54 141.74 101.43 117.83 125.45 C 112.86 122.93 108.39 119.38 105.06 114.89 C 110.84 104.58 112.74 92.62 113.32 80.95 C 113.74 68.56 112.98 55.39 106.81 44.32 Z" />
<path fill="#c00404" d=" M 212.43 42.68 C 220.52 41.67 229.04 42.86 236.20 46.88 C 246.80 52.95 254.01 64.69 254.26 76.95 C 254.58 91.50 247.20 107.13 233.63 113.54 C 223.28 118.44 210.64 118.67 200.26 113.75 C 186.26 106.52 178.27 89.65 181.13 74.21 C 182.86 64.92 187.53 55.95 194.93 49.93 C 199.95 45.96 206.11 43.55 212.43 42.68 Z" />
<path fill="#c00404" d=" M 271.39 45.44 C 275.31 43.99 279.17 42.08 283.44 42.03 C 283.55 46.92 283.45 51.81 283.55 56.70 C 288.95 51.26 294.73 45.69 302.24 43.37 C 308.61 41.35 316.20 42.14 321.41 46.57 C 326.19 51.00 328.31 57.63 328.46 64.02 C 328.61 75.91 328.40 87.81 328.54 99.70 C 328.80 102.97 328.56 106.62 330.60 109.40 C 332.94 112.23 336.97 111.86 340.27 112.14 C 340.26 112.86 340.25 114.28 340.25 115.00 C 327.58 114.99 314.91 115.02 302.24 114.98 C 302.23 114.27 302.19 112.83 302.17 112.12 C 305.67 111.88 309.92 112.46 312.55 109.60 C 314.94 107.03 314.47 103.29 314.71 100.07 C 314.81 91.04 314.72 82.00 314.75 72.97 C 314.54 67.34 314.82 61.26 311.84 56.24 C 309.43 52.38 304.28 51.51 300.10 52.28 C 293.56 53.26 288.18 57.47 283.49 61.85 C 283.52 75.24 283.49 88.63 283.50 102.02 C 283.59 104.81 283.65 108.10 286.01 110.02 C 288.70 112.37 292.54 111.87 295.85 112.14 C 295.82 112.85 295.77 114.27 295.75 114.99 C 283.16 115.02 270.58 114.99 258.00 115.00 C 258.00 114.28 258.00 112.83 258.00 112.10 C 261.39 112.01 265.75 112.20 267.77 108.89 C 269.83 104.59 269.44 99.64 269.51 95.00 C 269.36 83.65 269.80 72.29 269.20 60.96 C 269.00 58.33 268.83 55.18 266.52 53.45 C 263.70 52.18 260.65 53.30 257.83 53.93 C 257.43 52.95 257.02 51.98 256.63 51.00 C 261.54 49.12 266.47 47.30 271.39 45.44 Z" />
<path fill="#c00404" d=" M 401.16 43.23 C 403.08 42.45 405.15 42.24 407.20 42.00 C 407.29 47.18 407.22 52.36 407.26 57.55 C 411.22 51.91 415.42 45.70 422.13 43.15 C 427.38 41.15 434.63 42.68 436.96 48.26 C 439.09 52.82 435.02 58.70 430.00 58.28 C 425.32 58.34 422.40 53.89 418.07 52.91 C 414.68 53.80 412.57 56.94 410.58 59.59 C 409.15 61.86 407.05 64.09 407.24 66.97 C 407.26 77.62 407.23 88.27 407.27 98.92 C 407.43 102.36 407.61 106.25 410.08 108.93 C 412.83 111.64 416.88 111.97 420.53 112.18 C 420.52 112.89 420.50 114.29 420.49 115.00 C 407.50 115.00 394.50 115.00 381.50 115.00 C 381.50 114.29 381.48 112.88 381.48 112.17 C 385.95 112.12 392.22 111.31 393.06 105.86 C 393.51 91.59 393.11 77.27 393.25 62.98 C 393.08 59.75 393.40 55.66 390.38 53.58 C 387.46 52.01 384.15 53.41 381.13 53.85 C 381.00 53.12 380.74 51.68 380.61 50.96 C 387.47 48.39 394.31 45.81 401.16 43.23 Z" />
<path fill="#c00404" d=" M 455.02 47.01 C 467.51 39.79 485.53 40.26 495.73 51.28 C 500.85 56.55 502.83 64.03 502.88 71.22 C 485.30 71.32 467.72 71.18 450.14 71.29 C 450.33 78.56 451.57 86.12 455.79 92.22 C 459.97 98.37 466.54 103.07 473.97 104.20 C 480.39 105.21 487.42 103.76 492.39 99.41 C 495.97 96.25 498.11 91.89 500.10 87.64 C 501.05 88.20 501.99 88.76 502.94 89.33 C 501.21 98.23 496.15 106.46 488.90 111.91 C 481.92 117.12 472.60 118.30 464.22 116.54 C 455.35 114.69 447.61 108.71 443.03 100.97 C 437.85 91.95 437.41 81.04 438.96 70.98 C 440.51 61.14 446.38 52.05 455.02 47.01 Z" />
<path fill="#c00404" d=" M 541.79 45.81 C 550.42 40.43 562.33 41.42 570.17 47.80 C 582.50 57.74 584.64 75.50 581.06 90.06 C 578.03 101.30 570.07 111.81 558.77 115.61 C 549.18 118.56 537.83 118.05 529.78 111.50 C 529.76 119.34 529.68 127.18 529.80 135.03 C 530.06 137.95 529.75 141.62 532.44 143.56 C 535.37 145.79 539.28 145.52 542.75 145.88 C 542.76 146.59 542.77 148.03 542.78 148.75 C 529.34 148.76 515.91 148.76 502.47 148.75 C 502.47 148.04 502.48 146.63 502.48 145.92 C 506.19 145.69 510.23 145.71 513.40 143.46 C 515.85 141.02 515.53 137.24 515.75 134.07 C 515.75 110.35 515.76 86.64 515.74 62.92 C 515.50 60.08 515.89 56.61 513.63 54.45 C 510.81 52.14 507.03 53.29 503.87 54.03 C 503.54 53.15 503.23 52.28 502.92 51.40 C 509.86 48.90 516.73 46.22 523.65 43.68 C 525.58 42.91 527.66 42.73 529.72 42.55 C 529.81 47.77 529.64 53.00 529.86 58.22 C 533.37 53.69 536.77 48.80 541.79 45.81 Z" />
<path fill="#c00404" d=" M 622.42 42.57 C 630.42 41.77 638.83 43.04 645.81 47.21 C 656.11 53.36 663.04 64.93 663.27 76.96 C 663.66 86.75 660.16 96.52 654.27 104.28 C 644.63 116.70 626.48 120.25 612.11 114.95 C 599.59 110.06 590.91 97.29 589.80 84.06 C 588.60 69.54 595.74 53.92 608.73 46.79 C 612.96 44.52 617.64 43.07 622.42 42.57 Z" />
<path fill="#c00404" d=" M 690.26 43.23 C 692.22 42.42 694.34 42.22 696.44 42.02 C 696.60 61.68 696.43 81.34 696.52 101.00 C 696.70 104.08 696.70 107.63 699.08 109.95 C 701.42 112.24 704.99 111.87 708.00 112.12 C 708.00 112.84 708.00 114.28 708.00 115.00 C 695.59 115.00 683.17 115.00 670.75 115.00 C 670.75 114.28 670.74 112.84 670.73 112.12 C 674.02 111.85 678.15 112.36 680.42 109.39 C 682.60 106.42 682.35 102.50 682.51 99.00 C 682.38 87.00 682.71 75.00 682.32 63.01 C 682.00 59.77 682.35 55.71 679.52 53.45 C 676.68 52.17 673.61 53.31 670.77 53.94 C 670.39 52.96 670.01 51.98 669.64 51.00 C 676.51 48.39 683.38 45.82 690.26 43.23 Z" />
<path fill="#c00404" d=" M 729.25 43.23 C 731.22 42.42 733.34 42.22 735.44 42.02 C 735.55 46.91 735.45 51.80 735.55 56.69 C 741.33 50.95 747.59 44.91 755.78 42.96 C 763.07 41.16 772.00 43.08 776.21 49.79 C 780.62 55.91 780.59 63.74 780.75 70.96 C 780.76 80.98 780.75 91.01 780.74 101.03 C 780.81 104.06 780.84 107.57 783.16 109.86 C 785.50 112.29 789.19 111.83 792.27 112.14 C 792.26 112.86 792.25 114.29 792.25 115.00 C 779.67 115.00 767.09 115.00 754.51 115.00 C 754.50 114.27 754.49 112.82 754.48 112.09 C 757.69 111.92 761.42 112.38 764.05 110.12 C 766.88 107.56 766.66 103.48 766.76 100.00 C 766.73 90.00 766.77 80.01 766.74 70.01 C 766.56 65.52 766.33 60.79 764.20 56.74 C 762.11 52.90 757.30 51.61 753.23 52.14 C 746.25 52.89 740.27 57.13 735.51 62.04 C 735.50 75.37 735.49 88.69 735.51 102.02 C 735.66 104.58 735.59 107.55 737.56 109.49 C 740.09 112.45 744.37 111.82 747.85 112.14 C 747.83 112.85 747.77 114.28 747.75 114.99 C 735.16 115.02 722.58 114.99 710.00 115.00 C 710.00 114.28 710.00 112.83 710.00 112.10 C 713.22 111.97 717.20 112.24 719.45 109.44 C 721.62 106.07 721.42 101.84 721.52 97.99 C 721.40 86.33 721.67 74.67 721.37 63.01 C 721.10 59.75 721.39 55.69 718.52 53.46 C 715.71 52.18 712.68 53.32 709.87 53.92 C 709.46 52.94 709.05 51.97 708.66 50.99 C 715.51 48.38 722.39 45.82 729.25 43.23 Z" />
<path fill="#c00404" d=" M 845.19 49.20 C 851.22 42.90 860.72 41.26 869.01 42.95 C 872.67 43.51 876.16 45.13 879.90 45.19 C 882.16 44.36 883.72 42.24 886.14 41.63 C 886.34 50.03 886.27 58.44 886.18 66.85 C 885.47 66.66 884.05 66.29 883.34 66.10 C 881.33 61.21 879.92 55.81 876.04 51.98 C 871.65 47.71 865.09 46.57 859.22 47.47 C 855.35 48.08 851.56 50.57 850.17 54.33 C 848.96 59.33 852.15 64.19 856.35 66.64 C 863.88 71.11 872.31 73.80 879.96 78.05 C 884.86 80.95 889.49 85.06 891.26 90.64 C 893.20 97.14 891.39 104.73 886.45 109.44 C 881.02 114.61 873.50 117.48 866.01 117.28 C 860.07 117.30 854.26 115.94 848.53 114.53 C 845.56 113.49 843.07 115.92 840.36 116.66 C 840.11 108.03 840.31 99.38 840.24 90.74 C 840.94 90.75 842.34 90.76 843.04 90.76 C 844.61 97.02 847.22 103.45 852.54 107.45 C 857.78 111.67 865.10 113.71 871.65 111.73 C 876.50 110.25 880.44 105.22 879.29 100.02 C 878.58 95.13 874.33 91.95 870.34 89.66 C 861.98 84.53 852.12 81.91 844.70 75.28 C 837.61 68.47 838.45 55.97 845.19 49.20 Z" />
<path fill="#ffffff" d=" M 106.81 44.32 C 112.98 55.39 113.74 68.56 113.32 80.95 C 112.74 92.62 110.84 104.58 105.06 114.89 C 98.32 105.76 96.01 94.17 95.98 83.01 C 96.00 69.52 98.40 55.29 106.81 44.32 Z" />
<path fill="#ffffff" d=" M 209.44 48.58 C 215.81 46.28 223.33 48.15 228.06 52.94 C 234.28 59.37 237.30 68.24 238.20 77.00 C 238.78 86.12 239.19 96.15 234.25 104.25 C 228.70 112.88 215.35 113.93 208.09 106.91 C 199.88 98.96 196.74 87.16 196.30 76.04 C 196.15 68.62 196.93 60.63 201.39 54.43 C 203.31 51.63 206.24 49.64 209.44 48.58 Z" />
<path fill="#ffffff" d=" M 462.94 49.02 C 470.43 46.04 479.63 49.64 483.27 56.79 C 484.73 59.80 484.81 63.22 485.22 66.48 C 473.51 66.49 461.80 66.55 450.09 66.44 C 451.02 58.92 455.55 51.59 462.94 49.02 Z" />
<path fill="#ffffff" d=" M 618.44 48.62 C 625.04 46.19 632.85 48.28 637.57 53.43 C 644.19 60.58 647.01 70.48 647.46 80.03 C 647.62 87.31 647.79 94.94 644.71 101.71 C 642.01 107.71 635.61 111.86 628.99 111.53 C 622.35 111.70 616.40 107.46 612.94 102.03 C 606.10 91.47 604.19 78.24 605.96 65.93 C 607.00 58.68 610.95 50.86 618.44 48.62 Z" />
<path fill="#ffffff" d=" M 542.40 54.53 C 547.97 52.64 554.46 54.25 558.59 58.41 C 563.95 63.46 566.41 70.83 567.21 77.98 C 567.93 85.58 567.68 93.56 564.51 100.63 C 562.44 105.18 558.98 109.38 554.21 111.20 C 546.78 114.02 537.34 112.04 532.55 105.45 C 529.67 101.60 529.91 96.53 529.75 91.98 C 529.84 82.69 529.57 73.40 529.87 64.12 C 533.23 60.13 537.31 56.17 542.40 54.53 Z" />
<path fill="#838282" d=" M 12.15 101.41 C 13.65 101.94 15.96 101.63 16.27 103.67 C 20.32 115.05 26.70 126.34 37.37 132.66 C 55.80 143.63 81.23 141.22 97.10 126.70 C 100.97 129.63 105.29 131.94 109.83 133.64 C 105.21 135.01 101.36 138.03 96.97 139.93 C 78.05 148.52 55.39 149.23 36.34 140.63 C 32.88 139.30 29.17 136.82 25.35 138.24 C 21.84 139.70 20.64 143.64 19.30 146.85 C 18.05 146.91 16.80 146.97 15.55 147.03 C 14.41 131.83 13.07 116.63 12.15 101.41 Z" />
<path fill="#000000" d=" M 124.54 147.65 C 127.85 146.63 131.33 146.71 134.76 146.73 C 134.75 157.83 134.75 168.94 134.75 180.05 C 134.85 181.81 134.73 183.66 135.36 185.35 C 136.46 186.47 137.72 187.42 138.87 188.50 C 134.36 188.90 129.80 188.89 125.29 188.50 C 126.47 187.17 128.35 186.41 129.12 184.77 C 129.87 180.22 129.36 175.59 129.50 171.00 C 129.37 164.13 129.83 157.23 129.10 150.38 C 127.59 149.46 126.04 148.59 124.54 147.65 Z" />
<path fill="#000000" d=" M 306.86 147.76 C 310.09 146.47 313.60 146.75 317.00 146.73 C 317.03 158.83 316.96 170.93 317.02 183.02 C 316.74 185.59 319.39 186.85 320.79 188.56 C 316.34 188.85 311.86 188.92 307.42 188.45 C 309.07 186.88 311.86 185.78 311.47 183.03 C 311.35 172.12 311.88 161.18 311.17 150.29 C 309.72 149.45 308.27 148.64 306.86 147.76 Z" />
<path fill="#000000" d=" M 324.85 147.74 C 328.10 146.55 331.60 146.74 334.99 146.73 C 335.04 158.82 334.94 170.91 335.03 183.00 C 334.73 185.74 337.49 186.95 339.21 188.48 C 334.63 188.90 330.00 188.92 325.42 188.45 C 327.06 186.88 329.86 185.78 329.47 183.03 C 329.36 172.13 329.87 161.19 329.18 150.30 C 327.73 149.45 326.27 148.63 324.85 147.74 Z" />
<path fill="#000000" d=" M 639.55 147.64 C 642.86 146.64 646.33 146.71 649.76 146.73 C 649.80 158.83 649.65 170.93 649.83 183.03 C 649.55 185.71 652.29 186.89 653.86 188.51 C 649.34 188.89 644.79 188.90 640.29 188.50 C 641.90 186.84 644.64 185.75 644.28 182.98 C 644.68 172.14 644.65 161.26 644.08 150.42 C 642.57 149.48 641.03 148.59 639.55 147.64 Z" />
<path fill="#000000" d=" M 703.97 147.59 C 707.22 146.66 710.63 146.70 713.99 146.73 C 714.00 152.82 713.99 158.91 714.00 165.00 C 716.82 162.63 719.99 159.80 723.96 160.21 C 727.41 159.96 730.76 162.59 731.25 166.04 C 732.04 172.31 730.88 178.70 731.89 184.96 C 732.97 186.33 734.46 187.28 735.69 188.52 C 731.18 188.88 726.64 188.90 722.13 188.50 C 723.27 187.42 724.54 186.47 725.64 185.33 C 726.67 181.31 726.17 177.09 726.19 172.98 C 725.90 170.05 726.32 166.21 723.43 164.42 C 719.21 162.63 714.18 166.58 714.05 170.93 C 713.98 175.22 713.81 179.53 714.19 183.80 C 714.20 186.15 716.87 186.95 718.23 188.46 C 713.64 188.91 709.00 188.92 704.41 188.44 C 705.77 186.89 708.51 186.14 708.52 183.76 C 709.04 176.86 708.61 169.92 708.75 163.00 C 708.62 158.82 709.17 154.51 708.05 150.44 C 706.78 149.35 705.29 148.57 703.97 147.59 Z" />
<path fill="#000000" d=" M 229.51 149.24 C 231.50 149.24 233.50 149.24 235.49 149.24 C 235.50 151.16 235.50 153.07 235.51 154.99 C 233.50 155.00 231.49 155.00 229.49 154.99 C 229.49 153.07 229.50 151.16 229.51 149.24 Z" />
<path fill="#000000" d=" M 497.83 159.76 C 498.87 157.82 499.08 155.58 499.53 153.46 C 501.01 153.48 502.51 153.51 504.00 153.53 C 503.99 155.85 504.00 158.18 504.00 160.51 C 507.26 160.49 510.52 160.49 513.79 160.51 C 513.77 161.33 513.74 162.95 513.73 163.77 C 510.48 163.74 507.24 163.75 504.00 163.75 C 504.07 169.19 503.86 174.63 504.08 180.06 C 504.10 182.42 505.33 185.35 508.05 185.48 C 510.24 185.24 512.27 184.27 514.42 183.78 C 513.04 190.86 500.16 191.54 498.89 183.92 C 498.04 177.30 498.68 170.58 498.52 163.91 C 496.75 163.78 494.98 163.64 493.24 163.37 C 494.70 162.08 496.45 161.15 497.83 159.76 Z" />
<path fill="#000000" d=" M 809.79 159.82 C 810.87 157.87 811.07 155.60 811.53 153.45 C 813.01 153.48 814.50 153.51 816.00 153.53 C 815.99 155.85 815.99 158.18 816.00 160.51 C 819.26 160.49 822.52 160.49 825.79 160.52 C 825.77 161.33 825.74 162.95 825.73 163.77 C 822.48 163.74 819.24 163.75 816.00 163.75 C 816.06 169.19 815.86 174.62 816.08 180.05 C 816.10 182.42 817.33 185.35 820.05 185.48 C 822.24 185.25 824.26 184.25 826.41 183.77 C 825.12 190.85 812.13 191.55 810.89 183.92 C 810.04 177.30 810.68 170.57 810.52 163.91 C 808.75 163.78 806.97 163.63 805.24 163.36 C 806.69 162.10 808.42 161.19 809.79 159.82 Z" />
<path fill="#000000" d=" M 148.23 164.25 C 152.10 159.70 159.26 158.96 164.40 161.60 C 168.84 164.19 169.38 169.84 169.64 174.46 C 163.20 174.58 156.75 174.42 150.32 174.56 C 150.75 178.12 150.92 182.61 154.50 184.57 C 158.76 186.86 163.77 184.87 167.07 181.82 C 167.61 182.30 168.69 183.26 169.23 183.73 C 166.20 186.68 162.45 189.42 158.02 189.29 C 153.31 189.71 147.98 187.64 146.20 182.96 C 143.86 176.96 144.06 169.43 148.23 164.25 Z" />
<path fill="#000000" d=" M 189.38 160.79 C 192.76 160.44 196.17 160.45 199.57 160.21 C 199.44 161.86 199.28 163.51 199.13 165.17 C 201.99 162.88 205.05 159.96 209.00 160.20 C 212.92 159.86 216.67 163.07 216.86 167.02 C 217.30 173.15 216.66 179.31 217.24 185.44 C 218.62 186.41 220.02 187.36 221.39 188.36 C 216.76 189.00 212.05 188.90 207.41 188.44 C 208.71 187.30 210.09 186.25 211.42 185.14 C 211.17 178.95 212.39 172.49 210.64 166.48 C 208.03 161.27 200.02 165.12 199.63 170.02 C 199.34 174.35 199.50 178.70 199.53 183.05 C 199.21 185.70 202.01 186.84 203.54 188.48 C 199.09 188.89 194.60 188.89 190.15 188.52 C 191.67 186.87 194.33 185.67 193.98 183.02 C 194.00 176.78 194.11 170.53 193.86 164.29 C 192.32 163.18 190.78 162.08 189.38 160.79 Z" />
<path fill="#000000" d=" M 225.31 160.76 C 228.61 160.44 231.94 160.45 235.25 160.20 C 235.28 167.78 235.20 175.36 235.27 182.93 C 234.94 185.58 237.61 186.86 239.14 188.51 C 234.72 188.88 230.27 188.88 225.86 188.51 C 227.39 186.86 230.06 185.58 229.73 182.93 C 229.63 176.78 230.08 170.58 229.47 164.45 C 228.17 163.12 226.60 162.10 225.31 160.76 Z" />
<path fill="#000000" d=" M 281.59 163.57 C 285.65 159.61 292.41 159.06 297.31 161.70 C 301.61 164.35 302.08 169.91 302.39 174.47 C 295.95 174.56 289.51 174.43 283.08 174.55 C 283.39 178.22 283.76 182.76 287.43 184.72 C 291.74 186.78 296.62 184.78 299.90 181.74 C 300.57 182.44 301.26 183.15 301.94 183.85 C 298.68 186.87 294.69 189.72 290.00 189.29 C 285.23 189.61 280.15 186.99 278.65 182.26 C 276.60 176.13 276.92 168.45 281.59 163.57 Z" />
<path fill="#000000" d=" M 346.44 167.34 C 349.37 160.12 359.55 157.90 365.64 162.35 C 369.19 165.28 369.36 170.26 369.86 174.48 C 363.44 174.54 357.03 174.47 350.62 174.52 C 350.75 178.14 351.14 182.45 354.56 184.55 C 358.80 186.85 363.83 184.96 367.08 181.83 C 367.62 182.30 368.69 183.25 369.22 183.72 C 366.31 186.83 362.48 189.51 358.02 189.29 C 353.50 189.68 348.46 187.79 346.55 183.41 C 344.35 178.42 344.33 172.36 346.44 167.34 Z" />
<path fill="#000000" d=" M 375.10 161.44 C 378.09 159.86 381.58 160.65 384.81 160.22 C 384.72 161.83 384.62 163.45 384.52 165.07 C 387.67 162.45 391.34 159.43 395.76 160.27 C 398.69 160.36 400.53 162.84 401.87 165.15 C 404.62 162.58 407.91 159.72 411.96 160.21 C 415.33 160.08 418.54 162.78 418.94 166.15 C 419.70 172.00 418.94 177.92 419.33 183.79 C 419.36 186.21 422.15 186.93 423.60 188.43 C 419.03 188.93 414.41 188.89 409.83 188.49 C 411.12 186.95 413.67 186.03 413.67 183.73 C 413.85 179.21 413.77 174.68 413.71 170.16 C 413.67 167.64 412.66 164.43 409.78 164.02 C 405.55 163.53 401.51 167.69 401.99 171.90 C 402.01 176.41 401.85 180.93 402.24 185.44 C 403.61 186.41 405.02 187.36 406.39 188.36 C 401.76 189.00 397.05 188.89 392.41 188.44 C 393.71 187.30 395.09 186.25 396.42 185.14 C 396.17 178.94 397.39 172.49 395.64 166.47 C 393.34 161.49 386.09 164.91 385.07 169.18 C 384.42 173.75 384.81 178.42 384.80 183.03 C 384.47 185.77 387.29 186.86 388.90 188.48 C 384.39 188.93 379.83 188.87 375.31 188.52 C 376.79 186.83 379.69 185.74 379.23 183.04 C 379.23 176.71 379.37 170.38 379.11 164.06 C 377.75 163.22 376.39 162.37 375.10 161.44 Z" />
<path fill="#000000" d=" M 431.49 165.47 C 434.98 160.01 442.87 158.73 448.44 161.50 C 453.02 164.07 453.48 169.79 453.88 174.47 C 447.45 174.56 441.02 174.44 434.60 174.54 C 434.75 178.35 435.36 183.13 439.29 184.92 C 443.65 186.72 448.21 184.59 451.46 181.65 C 451.88 182.25 452.72 183.43 453.14 184.02 C 450.07 186.83 446.41 189.54 442.02 189.29 C 437.23 189.70 431.97 187.42 430.25 182.69 C 428.31 177.17 428.27 170.52 431.49 165.47 Z" />
<path fill="#000000" d=" M 459.10 161.37 C 462.12 159.93 465.57 160.63 468.80 160.22 C 468.74 161.83 468.67 163.44 468.59 165.06 C 471.56 162.68 474.84 159.72 478.96 160.21 C 482.34 160.02 485.54 162.73 485.99 166.06 C 486.82 172.42 485.54 178.92 486.78 185.24 C 487.95 186.40 489.34 187.34 490.59 188.44 C 486.13 188.92 481.62 188.88 477.16 188.53 C 478.33 186.98 480.64 186.02 480.77 183.87 C 481.21 179.56 481.05 175.21 480.85 170.89 C 480.61 168.67 480.54 165.83 478.32 164.62 C 474.72 162.61 470.27 165.70 469.09 169.18 C 468.45 173.74 468.74 178.40 468.85 182.99 C 468.56 185.69 471.25 186.89 472.86 188.51 C 468.40 188.90 463.90 188.89 459.45 188.47 C 461.00 186.86 463.55 185.64 463.33 183.03 C 463.61 176.71 463.73 170.34 463.06 164.03 C 461.71 163.18 460.37 162.31 459.10 161.37 Z" />
<path fill="#000000" d=" M 531.42 160.76 C 534.71 160.46 538.01 160.45 541.31 160.21 C 541.18 161.87 541.05 163.53 540.94 165.19 C 543.80 162.73 547.01 159.91 551.06 160.20 C 555.86 159.72 559.91 163.69 560.75 168.21 C 561.94 174.07 562.02 181.09 557.84 185.84 C 553.60 190.37 546.68 189.67 541.21 188.27 C 541.34 191.34 540.94 194.48 541.60 197.51 C 542.56 199.12 544.46 199.91 545.75 201.26 C 541.11 201.65 536.44 201.62 531.81 201.27 C 533.14 199.55 535.88 198.43 535.73 195.92 C 535.73 185.41 535.86 174.89 535.64 164.39 C 534.19 163.22 532.73 162.07 531.42 160.76 Z" />
<path fill="#000000" d=" M 569.52 163.63 C 574.49 161.31 580.04 159.26 585.60 160.46 C 588.33 161.00 590.34 163.47 590.55 166.22 C 591.15 172.08 590.35 178.01 590.96 183.88 C 590.96 186.20 593.61 186.94 594.92 188.47 C 591.88 188.85 588.81 188.76 585.76 188.77 C 585.76 187.41 585.76 186.05 585.78 184.69 C 582.23 188.08 577.26 190.52 572.31 188.82 C 567.22 187.25 566.43 179.60 570.65 176.65 C 574.92 173.50 580.46 173.23 585.55 172.82 C 585.30 169.26 585.52 163.77 580.90 163.07 C 577.37 162.09 574.75 164.93 573.40 167.81 C 572.09 167.76 570.77 167.74 569.47 167.72 C 569.49 166.36 569.51 164.99 569.52 163.63 Z" />
<path fill="#000000" d=" M 598.74 160.86 C 601.99 160.43 605.27 160.45 608.54 160.21 C 608.48 161.95 608.39 163.69 608.30 165.44 C 611.58 161.45 616.55 159.31 621.72 160.18 C 621.74 162.51 621.75 164.84 621.78 167.18 C 621.03 167.23 619.53 167.32 618.78 167.37 C 617.55 166.28 616.51 164.86 614.90 164.32 C 612.06 164.34 609.88 166.70 608.92 169.17 C 608.16 173.74 608.51 178.42 608.59 183.03 C 608.27 185.79 611.30 186.84 612.91 188.48 C 608.40 188.93 603.85 188.86 599.34 188.54 C 600.81 186.84 603.32 185.60 603.05 182.99 C 603.34 176.81 603.53 170.56 602.76 164.41 C 601.53 163.10 600.04 162.08 598.74 160.86 Z" />
<path fill="#000000" d=" M 661.57 166.60 C 664.80 160.04 674.03 158.27 680.00 161.98 C 683.99 164.77 684.18 170.08 684.65 174.46 C 678.20 174.58 671.75 174.42 665.31 174.56 C 665.66 178.15 665.90 182.62 669.50 184.57 C 673.81 186.93 678.76 184.75 682.13 181.76 C 682.78 182.47 683.43 183.19 684.09 183.91 C 681.01 186.68 677.39 189.47 673.01 189.29 C 668.53 189.68 663.48 187.91 661.46 183.63 C 659.09 178.33 659.01 171.85 661.57 166.60 Z" />
<path fill="#000000" d=" M 742.29 163.61 C 747.30 161.17 753.00 159.15 758.61 160.57 C 761.08 161.13 762.83 163.47 763.13 165.92 C 764.05 172.18 763.04 178.55 763.69 184.83 C 764.62 186.42 766.48 187.16 767.74 188.48 C 764.66 188.85 761.57 188.75 758.49 188.80 C 758.48 187.42 758.48 186.04 758.48 184.67 C 754.95 187.97 750.14 190.47 745.21 188.92 C 740.09 187.62 738.90 180.04 742.97 176.91 C 747.17 173.50 752.91 173.27 758.08 172.87 C 757.93 170.06 758.18 166.95 756.45 164.54 C 753.75 161.97 748.67 162.60 747.07 166.13 C 746.26 168.17 744.02 167.76 742.27 167.87 C 742.27 166.44 742.27 165.02 742.29 163.61 Z" />
<path fill="#000000" d=" M 788.48 160.71 C 791.72 160.43 794.98 160.49 798.24 160.49 C 798.34 168.78 798.09 177.07 798.38 185.36 C 799.84 186.36 801.32 187.34 802.70 188.47 C 799.44 189.13 796.10 189.09 792.81 189.31 C 792.89 187.64 792.97 185.98 793.04 184.31 C 790.16 186.69 787.04 189.67 783.00 189.30 C 779.44 189.64 776.12 187.11 775.52 183.61 C 774.65 177.25 775.93 170.75 774.80 164.42 C 773.67 163.08 772.28 161.99 771.09 160.73 C 774.21 160.42 777.35 160.48 780.50 160.50 C 780.71 167.83 779.94 175.30 781.31 182.54 C 783.60 188.21 791.90 184.76 792.54 179.78 C 792.95 175.23 792.78 170.64 792.66 166.08 C 792.77 163.44 789.95 162.42 788.48 160.71 Z" />
<path fill="#000000" d=" M 241.81 160.74 C 246.53 160.39 251.30 160.31 256.02 160.79 C 254.67 162.03 253.23 163.14 251.80 164.27 C 253.32 170.57 255.79 176.60 257.97 182.69 C 260.04 178.19 262.01 173.64 263.94 169.08 C 264.45 167.59 265.32 166.03 264.87 164.42 C 263.85 163.03 262.48 161.97 261.36 160.69 C 265.63 160.39 269.94 160.37 274.21 160.75 C 272.54 162.54 270.41 164.02 269.43 166.36 C 265.76 173.93 262.25 181.60 258.70 189.24 C 257.44 189.24 256.17 189.25 254.92 189.26 C 251.97 181.47 249.15 173.64 246.14 165.88 C 245.36 163.69 243.28 162.41 241.81 160.74 Z" />
<path fill="#ffffff" d=" M 153.40 164.44 C 155.48 162.26 159.55 161.99 161.57 164.39 C 163.17 166.45 163.24 169.18 163.75 171.63 C 159.34 171.83 154.94 171.77 150.53 171.69 C 151.13 169.17 151.49 166.36 153.40 164.44 Z" />
<path fill="#ffffff" d=" M 286.29 164.33 C 288.42 162.18 292.53 162.00 294.41 164.59 C 295.89 166.65 295.97 169.30 296.43 171.71 C 292.03 171.76 287.63 171.82 283.23 171.65 C 283.93 169.11 284.26 166.21 286.29 164.33 Z" />
<path fill="#ffffff" d=" M 353.52 164.58 C 355.58 161.97 360.34 162.01 362.09 164.94 C 363.27 166.99 363.40 169.42 363.91 171.69 C 359.50 171.79 355.09 171.76 350.68 171.73 C 351.27 169.24 351.55 166.44 353.52 164.58 Z" />
<path fill="#ffffff" d=" M 437.52 164.58 C 439.47 162.13 443.66 162.06 445.74 164.36 C 447.27 166.48 447.44 169.18 447.97 171.66 C 443.56 171.80 439.16 171.76 434.76 171.72 C 435.31 169.24 435.58 166.44 437.52 164.58 Z" />
<path fill="#ffffff" d=" M 668.38 164.45 C 670.56 161.99 675.24 162.02 676.96 165.01 C 678.14 167.01 678.21 169.42 678.71 171.65 C 674.31 171.81 669.90 171.77 665.50 171.69 C 666.10 169.18 666.45 166.35 668.38 164.45 Z" />
<path fill="#ffffff" d=" M 546.35 164.24 C 548.66 163.59 551.50 163.91 553.10 165.88 C 555.17 168.41 555.37 171.88 555.51 175.02 C 555.48 178.81 555.08 183.30 551.82 185.79 C 548.70 187.68 544.06 186.93 542.10 183.74 C 540.67 179.68 541.35 175.26 541.30 171.04 C 541.21 167.90 543.71 165.49 546.35 164.24 Z" />
<path fill="#ffffff" d=" M 573.61 180.11 C 575.63 175.56 581.44 175.88 585.60 175.41 C 585.60 179.00 585.16 183.77 581.17 185.14 C 577.74 187.13 572.02 184.62 573.61 180.11 Z" />
<path fill="#ffffff" d=" M 747.85 177.85 C 750.82 175.75 754.62 175.74 758.10 175.40 C 757.99 177.87 758.09 180.49 756.85 182.72 C 754.92 185.43 750.95 186.62 747.94 185.06 C 745.20 183.67 745.53 179.47 747.85 177.85 Z" />
</svg>
Personnellement, je trouve qu'une version html/css est plus élégante.
Lien vers le commentaire

Par contre je ne passerais pas le logo en h1/h2, puisque du point de vue du référencement, c'est davantage le titre de la page que le nom du site que l'on chercher à référencer, dans les pages internes j'entends.

 

Le HTML5 autorise le fait d'avoir un H1 par section.

Lien vers le commentaire

Avoir plusieurs h1 n'est pas interdit, mais passer le nom du site en h1, du point de vue du référencement, ça n'apporte rien et ça peut même diluer l'importance relative de l'expression qu'on veut vraiment placer dans les moteurs de recherche. Et d'un point de vue sémantique, je ne vois pas vraiment le rapport entre le nom d'un site et la fonction d'un headline.

Lien vers le commentaire

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant
×
×
  • Créer...