Localiser les images dans ASP.NET

Question

Il y a quelques années, notre graphiste a réorganisé notre site Web. Ses résultats paraissaient excellents, mais il a malheureusement introduit une nouvelle police non prise en charge par le navigateur Web.

Au début, j’étais comme "Quoi!?!" ... car la plupart de nos contenus sont dynamiques et qu’il n’existait aucun moyen de pré-créer toutes les images. Il y avait aussi la question des langues multiples (puisque nous savions que l'espagnol était à l'horizon).

Quoi qu’il en soit, j’ai décidé de créer des classes pour générer automatiquement des images via GDI + et les mettre en cache par programme selon les besoins. Cela a résolu la plupart de nos problèmes initiaux. Cependant, maintenant que notre charge de travail a considérablement augmenté, notre serveur d'interface utilisateur a été saturé.

Maintenant, passons à la question ... Je cherche à remplacer la plupart des images dynamiques GDI + par une police de navigateur Web standard. Je songe à conserver certaines des images rendues GDI + et à les mettre dans un fichier resx, mais je compte en remplacer la plupart par des polices Tahoma ou Arial via asp: Labels.

Quelle est la meilleure solution d’image localisée?

• Incorporation d'images dans le resx
• Ajouter uniquement l'URL de l'image dans le resx
• Une autre solution

Ma principale préoccupation est de limiter le traitement sur le serveur de l'interface utilisateur. Si tel est le cas, l’ajout de l’URL de l’image à la résolution serait-il une meilleure solution que l’incorporation effective de l’image dans la résolution?

Answer 1

Il ne devrait être nécessaire de générer chaque image qu'une seule fois, puis de la sauvegarder sur le disque dur. La charge sur votre site ne devrait pas augmenter la quantité de traitement que vous avez à faire. Cela dit, on dirait presque que vous utilisez des images pour des choses que vous ne devriez pas être. S'il y a tellement d'images différentes que vous ne pouvez pas générer, il est temps d'abandonner vos images fantaisistes pour des choses qui ne devraient pas être des images et de revenir au texte simple. Si la police spécifiée n’est pas installée sur l’utilisateur, il convient de la remplacer par une police similaire. CSS a un bon support pour cela.

Answer 2

voir ma réponse ici

Cela peut être fait manuellement ou à l'aide d'une sorte de système automatisé (CMS).

La méthode de base consiste à mettre vos images en cache dans une structure de répertoire spécifique à une langue, puis à écrire un gestionnaire HTTP qui supprime efficacement la couche de répertoire supplémentaire. par exemple:

/images/
    /en/
        header1.gif
    /es/
        header1.gif

Dans votre balisage ou CSS, vous référencez simplement /images/header1.gif. Le gestionnaire http utilise ensuite session (si la langue est spécifique à l'utilisateur) ou config (si spécifique au site) pour choisir le répertoire à partir duquel l'image sera diffusée.

Ceci fournit une ligne épurée entre le code et le contenu, et permet la mise en cache côté client. Resx est idéal pour les petites chaînes mais je préfère de loin un système comme celui-ci pour les images et le contenu plus volumineux. surtout sur le Web, où il est généralement facile de changer d’image.

Answer 3

J'ai eu le même problème il y a quelques années et notre équipe d'interface nous a indiqué SIFr. http://wiki.novemberborn.net/sifr/

Vous intégrez votre police dans une animation Flash, puis utilisez JavaScript SIFr pour convertir dynamiquement votre texte en votre police. Parce que c'est côté client, il n'y a pas d'impact côté serveur.

Si l'utilisateur ne dispose pas de Flash ou de JavaScript, il obtient la police adaptée au Web la plus proche.

En prime: parce que votre contenu est toujours du texte - Google peut rechercher et indexer le contenu - une optimisation considérable du référencement.

Answer 4

En raison de la mise en cache, je préfère ajouter uniquement l'URL de l'image dans le resx. La mise en cache est bien meilleure pour le contenu statique (fichiers simples) que pour le contenu généré.

Answer 5

Je serais très très prudent quant à l'insertion de texte dans les images. Un CSS avec une solution de secours appropriée pour la famille de polices est probablement la réponse correcte en matière d'accessibilité et de bonnes bases MVC.

Là où la génération est vraiment nécessaire, je pense que Kiblee et JayArr proposent de bonnes solutions