url des images dans le css = economie de bande passante ou pas?

[php_addict]

j'en ai toujours conclu que c'était pour éviter les vols d'images tout simplement. Du moins pour le grand public qui ne connaît pas CTRL+U.

mais non...tout les pc on une touche "impression ecran", un CTRL V dans paint et hop c'est réglé...il n'y a aucune technique viable pour se protéger du vol d'image...hormis le fait de mettre en filigrane le nom de l'auteur...et encore quand c'est bien fait...celui qui veut récupérer les images sait comment faire, les autres ils s'en moquent...

[Sephi-Chan]

Quoiqu'il en soit, utiliser des images vides derrière on met un sprite, c'est naze !
Et pour aspirer les ressources, l'inspecteur de ressources est vachement mieux.


Sephi-Chan

[php_addict]

Quoiqu'il en soit, utiliser des images vides derrière on met un sprite, c'est naze !

pas entièrement d'accord...cela te permet de mettre un alt et un title, sans la balise <img> tu ne peut pas mette de alt="mon texte alternatif"

<img class="aaa" src="vide.gif" alt="mon texte alternatif" title="mon titre">

img.aaa

{

height: 20px;

width:  20px;

background:url(spites.gif);

background-repeat:no-repeat ;

background-position:0px 0px;

}

tu va dire oui mais les sprites c'est uniquement pour la deco, donc pas besoin de alt mais si tu veut des sprites avec des alt tu es bien obligé de faire ca...c'est pas très clean mais tres utile.

[Anthor]

Quoiqu'il en soit, utiliser des images vides derrière on met un sprite, c'est naze !

pas entièrement d'accord...cela te permet de mettre un alt et un title, sans la balise <img> tu ne peut pas mette de alt="mon texte alternatif"

<img class="aaa" src="vide.gif" alt="mon texte alternatif" title="mon titre">

img.aaa

{

height: 20px;

width:  20px;

background:url(spites.gif);

background-repeat:no-repeat ;

background-position:0px 0px;

}

tu va dire oui mais les sprites c'est uniquement pour la deco, donc pas besoin de alt mais si tu veut des sprites avec des alt tu es bien obligé de faire ca...c'est pas très clean mais tres utile.

<span class="aaa" title="mon titre">mon texte alternatif</span>

span.aaa

{

    display: inline-block;

    height: 20px;

    width:  20px;



    background:url(spites.gif);

    background-repeat:no-repeat ;

    background-position:0px 0px;



    text-indent: -10000px;

}

[Sephi-Chan]

pas entièrement d'accord...cela te permet de mettre un alt et un title, sans la balise <img> tu ne peut pas mette de alt="mon texte alternatif"

Et je t'ai déjà répondu quelques messages plus haut.


Sephi-Chan

[php_addict]

oui mais avouez qu'un lien vers une image vide de 1x1 pixel et un texte en text-indent: -10000px; hors affichage du navigateur donc, cela se vaut...non ?

[Sephi-Chan]

Non. La pratique du text-indent est recommandée par les gourous de l'accessibilité et des bonnes pratiques du CSS.
On ne peut pas en dire autant de la pratique de l'image transparente étirée.


Sephi-Chan

[niahoo]

reste à savoir pourquoi ! (hormis le fait d'avoir une requête en moins).

[Sephi-Chan]

Je veux un bouton "Modifier le message", j'utilise un lien qui va vers la page d'édition du message. Je change ensuite son apparence grâce à CSS dont c'est le but. Mon balisage a du sens.

À l'inverse, la démarche d'utiliser une balise image avec une source vide pour faire un lien n'a pas de sens. C'est donc normal que cette pratique soit jugée mauvaise.


Sephi-Chan