GIMP : tutoriel pour créer un meme

GIMP : tutoriel pour créer un meme photo 3

Qu'est-ce qu'un meme ? Un mème ou « meme », qui se prononce [mi:m] en anglais, décrit un élément ou un phénomène repris et décliné en masse sur internet. Origine du mot "meme" Le terme de « mème » a été proposé pour la première fois par Richard Dawkins dans Le Gène égoïste (1976) par déformation du terme mimesis (« imitation », en grec ancien) par analogie avec le mot gène. Selon Dawkins, dans le domaine mental, les mèmes sont […]

Lire la suite »

Serveur dédié : optimiser toutes les images GIF avec GIFsicle

hourglass

Après avoir vu comment optimiser les fichiers JPG et PNG sur le serveur, voici comment optimiser les fichiers GIF. Comme dans le tutoriel précédent, nous allons optimiser toutes nos images d'un seul coup, de manière à charger nos pages plus rapidement et à consommer moins de bande passante. Pour optimiser les fichiers GIF, j'ai choisi GIFsicle. L'installation et la compression de vos répertoires d'images prend à peine quelques minutes. Installation de GIFsicle On installe le paquet : apt-get install gifsicle […]

Lire la suite »

Serveur dédié : passer WordPress en HTTPS (TLS/SSL)

Serveur dédié : passer WordPress en HTTPS (TLS/SSL) photo

Vous avez sauté le pas et avez validé votre nom de domaine avec un certificat TLS/SSL. Très bien ! Voyons comment passer WordPress sur la version sécurisée de votre site. Il existe des plugins WordPress entièrement dédiés à SSL pour rediriger vers les pages sécurisées mais on peut très bien faire sans, avec un peu d'huile de coude. Le tutoriel est pour Debian et WordPress tourne sous Apache chez moi. Cela prend moins d'une heure pour configurer l'essentiel mais il […]

Lire la suite »

WordPress : héberger les images sur un sous-domaine

WordPress : héberger les images sur un sous-domaine photo 1

Cela fait des années que je parle d'héberger les images du site sur un sous-domaine mais j'ai toujours remis cela à plus tard. Je pensais que la configuration me prendrait un temps infini mais au final cela ne m'aura pris qu'un peu de réflexion et quelques minutes pour tout finaliser. Le plus long aura été d'écrire ce tutoriel! Aujourd'hui, c'est chose faite : les images des articles du site sont donc placées sur un sous-domaine pour des raisons de performances. […]

Lire la suite »

Des images qui renvoient une erreur 403

403-error

Aujourd'hui, j'édite un ancien article et le prévisualise pour voir les changements : je m'aperçois alors que l'image de l'article ne s'affiche plus. Ni une ni deux, je sors mon terminal et tente de récupérer l'image avec wget. Erreur 403. Je vérifie la configuration Apache et Varnish, rien à signaler (et surtout rien n'avait été modifié). Je vérifie alors le fichier via FTP : il se trouve qu'il ne possédait pas les bons droits! Evidemment, avec un chmod 600, cela […]

Lire la suite »

Serveur dédié : optimiser toutes les images JPG et PNG avec OptiPNG et JpegOptim

hourglass

Je classe volontairement cet article dans la série Serveur dédié, étant donné que nous allons utiliser la ligne de commande exclusivement. Si vous souhaitez faire la même chose sur votre machine personnelle, il vous suffit d'utiliser Trimage (qui en plus possède une GUI). Si vous possédez un site, blog ou une galerie d'images, il peut être très intéressant d'optimiser toutes vos images d'un seul coup et ce, de manière lossless : chargement plus rapide des pages et moindre consommation de […]

Lire la suite »

WordPress : des images qui ont perdu leur chemin

WordPress : des images qui ont perdu leur chemin photo

Problème : chemin erroné pour certaines images En allant faire un tour sur Google Webmaster Tools, je me suis aperçu qu'il y a avait des erreurs sur la page Si je pouvais (vraiment) choisir ma voiture… et effectivement, les images ne s'affichaient pas! Après vérification, il se trouve que le chemin des images était totalement inexistant : c'était un mélange d'URL publique et de chemin privé, donc aucun moyen que les images d'affichent comme il faut avec le chemin privé. […]

Lire la suite »

Une carte visuelle et sémantique de la langue anglaise

english-visual-map

Un groupe de chercheurs du Massachusetts Institute of Technology (MIT) et de la New York University (NYU) ont créé une carte interactive de la langue anglaise en utilisant plus de 7,5 millions d'images trouvées sur internet. Ces images sont triées selon les relations sémantiques entre les mot et, selon les chercheurs, ce projet explore "la relation entre les similarités visuelles et sémantiques". Voici ce que cela donne au final : Chaque pixel de l'image est relatif à un des 53 […]

Lire la suite »

Ubuntu : compression d'images JPG et PNG avec Trimage Image Compressor

Ubuntu : compression d'images JPG et PNG avec Trimage Image Compressor photo 1

Il y a quelques semaines, je vous ai parlé du plugin GIMP "Enregistrer pour le Web" qui permet d'obtenir le meilleur ratio qualité/poids pour vos images. Et bien sachez qu'il existe une petite application qui permet d'automatiser la compression d'images JPEG et PNG sans perte de qualité et en un seul clic : Trimage Image Compressor, qui utilise optipng, advpng et jpegoptim, suivant le type du fichier. Installation L'installation est très simple, il suffit d'ajouter le dépôt PPA de l'application […]

Lire la suite »

WordPress : utiliser WP-Smushit hors du répertoire par défaut

smushit

Sous WordPress, il existe un plugin qui optimise vos images à la volée lorsque vous les uploadez via l'interface d'écriture : WP-Smushit. Or avec ce plugin, il faut impérativement que votre dossier /uploads/ se trouve sous /wp-content/, ce qui n'est pas le cas chez moi et rend le plugin inutilisable. Le problème : le dossier n'est pas sous /wp-content/ Voici l'erreur que l'on peut rencontrer lorsque l'on va dans Media > Library sous WordPress : /home/skyminds/path/to/inbetweeners-s3.jpg must be within the […]

Lire la suite »

CSS : afficher correctement une image en arrière-plan

Il m'est arrivé plusieurs fois de ne pas pouvoir afficher une image en arrière-plan (background image) en CSS et cela tout simplement parce que le code CSS doit être écrit dans un certain ordre, notamment lorsque l'on utilise la syntaxe courte. Solution : du code CSS ordonné Alors voilà : imaginons que nous voulons créer une DIV ayant pour identifiant "banner". Nous voulons que cette DIV affiche l'image background.png. Il faut commencer par mettre l'URL de l'image entre guillements puis […]

Lire la suite »

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: