Overblog
Suivre ce blog
Editer l'article Administration Créer mon blog

Rechercher

3 septembre 2014 3 03 /09 /septembre /2014 07:00

Après avoir amélioré la prise de vue, voici la suite: comment changer la taille et le poids des photos !

Les logiciels et outils que j'utilise sont: Pixlr, Servimg, Pixiz... Pixlr sert à la retouche d'image et Servimg pour l'hébergement et la diffusion.

Image hébergée par servimg.com

Mais je les mets où mes photos ? (parlons hébergement, forum, blog...)

Pourquoi ne pas héberger mes photos sur Overblog ?

Les capacités d'hébergement d'images étant limitées pour un blog (sauf à devenir payant) il est intéressant de les héberger ailleurs. Cela procure aussi une indépendance si l'on décide de changer de plate-forme par la suite. Outre le code HTML à insérer sur votre blog, cela permet aussi dans le même temps d'obtenir des liens pour partager sur les forums (ou autre).

Pour héberger et partager les photos il faut un hébergeur d'images. J'ai choisi Servimg.

Image hébergée par servimg.com

Comment utiliser Servimg ?

Le mode d'emploi est simple, le nombre de photos est illimité, on les range dans des dossiers personnalisés auxquels on a accès quand on veut. Pratique quand on réutilise plusieurs fois ses images pour illustrer différents propos à différents endroits et moments.

(Contrairement à certains hébergeurs qui fournissent juste un code une fois et c'est terminé.)

Image hébergée par servimg.com

Le mode d'emploi de Servimg:

Cliquer sur Fichier > parcourir

puis choisir votre image sur votre ordinateur

ensuite sélectionner "redimensionner l'image" selon vos besoins: pour site, forum, blog, fond d'écran

moi je choisis "320 px de largeur (pour les blogs)"

puis si vous le souhaitez, sélectionner la catégorie (les catégories que vous avez créées s'afficheront, c'est surtout intéressant lorsque vous avez plusieurs centaines d'images...)

puis cliquer sur "envoyer".

Image hébergée par servimg.com

Et après ?

vous obtenez un ensemble de codes correspondant à votre image:

  • adresse de l'image qui permet de faire un lien texte en utilisant le bouton avec le symbole "infini" Image hébergée par servimg.com: http://www.servimg.com/image_preview.php?i=7101&u=11036707 cela donne un lien.
  • liens directs: pour faire un lien vers votre photo en utilisant le bouton avec le symbole "infini" Image hébergée par servimg.com : http://i39.servimg.com/u/f39/11/03/67/07/pixlr011.jpg cela donne un lien.
  • BBcode qui permet d'afficher votre image en grand sur un forum: [url=http://www.servimg.com/image_preview.php?i=7101&u=11036707][img]http://i39.servimg.com/u/f39/11/03/67/07/pixlr011.jpg[/img][/url]
  • BBcode miniature qui permet d'afficher une mini image sur un forum: elle est cliquable pour l'agrandir [url=http://www.servimg.com/image_preview.php?i=7101:&u=11036707][img]http://i39.servimg.com/u/f39/11/03/67/07/th/pixlr011.jpg[/img][/url]
  • HTML qui permet d'afficher votre image sur un blog: <a href="http://www.servimg.com/image_preview.php?i=7101&u=11036707" target="_blank" ><img src="http://i39.servimg.com/u/f39/11/03/67/07/pixlr011.jpg" border="0" alt="Image hébergée par servimg.com" /></a> comme ceci:

Image hébergée par servimg.com

  • et la même en miniature (cliquable pour l'agrandir): <a href="http://www.servimg.com/image_preview.php?i=7101&u=11036707"  target="_blank" ><img src="http://i39.servimg.com/u/f39/11/03/67/07/th/pixlr011.jpg" border="0" alt="Image hébergée par servimg.com" /></a> comme cela:

Image hébergée par servimg.com

A partir de là je vous explique où les coller pour qu'elles apparaissent par la magie de l'Internet !

Image hébergée par servimg.comImage hébergée par servimg.com

Au début le mot HTML peut faire peur (c'est quoi ce langage secret de geek ? et si je risquais de détruire tout mon blog par erreur ?) ...mais pour des actions simples comme insérer des photos, on s'habitue vite à soulever le capot et mettre les mains dans le cambouis virtuel (ça ne tache pas).

Image hébergée par servimg.com

  • Pour insérer une photo sur son blog: il suffit de cliquer sur "basculer en mode HTML", puis coller le ceode de la photo en début de page. Ensuite cliquer sur "basculer en mode texte": la photo apparaît ! Vous pouvez maintenant la déplacer en faisant un copier/coller.
  • Pour insérer une photo sur un forum: il suffit de copier/coller le BBcode. Ensuite cliquer sur "prévisualiser": la photo apparaît !

Image hébergée par servimg.com

Image hébergée par servimg.com

Image hébergée par servimg.com

Image hébergée par servimg.com

Comment ça ma photo est trop grosse ???

Pour redimensionner mes photos je vais dans PIXLR un logiciel gratuit en ligne
Voici le mode d'emploi:
"ouvrir une image à partir de l'ordinateur" > ouvrir
puis clic sur l'onglet "image" > taille de l'image > largeur ou hauteur "800" > OK
puis clic sur l'onglet "fichier" > enregistrer

ensuite pour ne pas mélanger, soit je remplace les photos de départ (en enregistrant sous le même nom), soit j'enregistre dans un autre dossier spécial petites photos pour Internet (en enregistrant sous un nom différent pour éviter toute confusion).

Image hébergée par servimg.com

A suivre: ensuite dans PIXLR il y plein de fonctions pour retoucher les photos.

Partager cet article

© Publié par labobine - dans Humeur du jour
commenter cet article

commentaires

Lilou pour L 11/09/2014 21:35

Youpi !!! J'ai reçu TOUTES les publications !!! xoxo

Droits d'auteur - Copyright

Toute copie des mes textes, photos, diaporamas, modèles et patrons est interdite à l'exception de l'usage privé pour les couturières amateur => INFOS ICI

Si vous aimez ce blog, créez des liens !

Créons des liens

Contacter l'auteur : Olivia 

Sites de référence

 

> ressources utiles
Lexiques: couture sans frontières

Blogs, sites personnels

Dessins

1+1+1...