Nouveau site pour Monvino

monvino-siteweb-03Visitez le nouveau site Web de MONVINO, caves à vin & accessoires : http://monvino.ca/ et découvrez sa nouvelle agence de vins en importation privée, sa boutique d’accessoires, son blogue et son expertise en conception et fabrication de caves à vin sur mesure!

Comment remplacer des fichiers .SVG pour des fichiers .PNG

La plupart des navigateurs modernes supportent maintenant les fichiers .SVG (Scalable Vector Graphics). Il s’agit de fichiers vectoriels basés sur XML.

Le poids un fichier .SVG est beaucoup moins lourd qu’un fichier identique au format .PNG réduisant ainsi sont temps de téléchargement permettant donc aux navigateurs de charger plus rapidement ces types de fichiers en consommant moins de bande passante (bandwidth) sur un forfait d’appareil mobile par exemple.

Comparaison d’un fichier PNG et SVG

Ce type de format est donc une solution très efficace pour publier des icônes, des logos, etc. et de préserver leur apparence dans la plupart des navigateurs modernes et peu importe s’il s’agit d’un appareil mobile, d’une tablette ou d’un ordinateur de bureau.

PNG vs SVG

Agrandissement d’un fichier PNG et SVG

Un autre avantage de l’utilisation de fichiers SVG est de permettre de redimensionner l’image selon les besoins sans altérer sa résolution. Le même fichier peut-être agrandit sans pixeliser sont apparence même si ça dimension originale est plus petite. Le fichier PNG n’offre pas cette possibilité, ce qui nécessite de publier une autre image avec une résolution plus grande si l’on souhaite ne pas affecter son apparence.

Agrandissement d’un fichier

Navigateurs qui supportent les fichiers SVG

  • Chrome
  • Firefox
  • Opéra
  • Internet Explorer 9 et +

Remplacer les fichiers SVG pour des fichiers PNG pour Internet Explorer 8 et moins.

Étant donné les versions d’Internet Explorer 8 et moins ne supportent pas les images SVG, il faut donc penser à une solution de rechange. La solution pour s’assurer que la plupart des navigateurs puissent afficher les images .SVG est assez simple. Il suffit d’ajouter un script qui servira à remplacer toutes les images possédant une extension .SVG par une extension .PNG. Ensuite il faut tout simplement créer deux versions différentes de ces images, soit une version SVG et une version PNG… et voilà! Vous devez ajouter vos images .SVG normalement dans votre code HTML et le script se chargera des les remplacer par des images .PNG si Internet Explorer 8 et moins est utilisé par le visiteur de votre page.


Code Javascript pour remplacer les images .SVG pour des images .PNG

1
2
3
4
5
6
7
8
$(document).ready(function() {
	// SVG to PNG
	if ($.browser.msie && $.browser.version < 9) {
		$('img[src$=".svg"]').each(function() {
			$(this).attr('src', $(this).attr('src').replace('.svg', '.png'));
		});
	}
});

Un nouveau look pour Google Trends

Google Trends présente les tendances de recherche les plus populaires dans le monde, peu importe la langue. La page peut présenter jusqu’à 25 tendances dans sa langue maternelle à la fois. Le nouveau design coloré présente une façon originale de nous faire découvrir les tendances de la planète Web.

Google Tendances des recherches – Recherches du moment

Google Trends

Nouveau virage

Ma situation professionnelle entreprend un nouveau départ. Je quitte mes fonctions de directeur Web chez Acolyte. Je tiens d’ailleurs à remercier toute l’équipe pour ces douze dernières années!

Je vais maintenant me consacrer au développement d’affaires du fabricant de caves à vin, Ozalex tout en attribuant plus de temps à ma profession de designer graphique et de développeur Web. Les prochaines semaines me donneront l’opportunité de développer également ma nouvelle plateforme graphique qui sera dévoilée sous peu.

Suivant >>


Développeur Web, graphiste, Trois-Rivières, Publicité télé, pub TV, création de site Web, conception de site Internet, Photoshop, designer graphique, design Web, site Internet, Référencement de site Web.