Transats Numériques - Atelier 1 "Je prépare et je diffuse mon contenu photo et vidéo" - 28 janvier 2014

Les transats numériques Parcours 1 – Atelier 1

Je prépare et je diffuse mon contenu photo/vidéo

La Baule - Presqu’île de Guérande

Atelier 1 - 28 janvier 2014 - La Baule

Un site Internet www.labaule-guerande.com 36 communes sur la

Destination

17 Offices de Tourisme de La Baule à Pénestin, du

Parc naturel régional de Brière au Croisic

Une équipe de 4 personnes

à Cap Atlantique

Un observatoire économique du tourisme

Des outils de promotion de vos

activités

Une animation du réseau des professionnels du

tourisme


10 Animateurs Numériques de Territoire

10 rendez-vous de janvier à avril

OBJECTIF : vous accompagner dans votre

stratégie de communication en ligne

Animés par les Offices de Tourisme de votre

Destination

3 parcours thématiques

Les transats numériques 2014


10 Animateurs Numériques de Territoire à votre service …

Et aujourd’hui :

Marie LANGUILLE

CAP Atlantique Mathieu PLANTARD

OT Pornichet


Parcours 1 : Susciter l’envie grâce à la photo et à la vidéo

• Retour sur la causerie

• Préparer ses photos pour le web

– format, dimensions, retouches photos

• Diffuser du contenu photo en ligne

– création d’une galerie et diaporama FlickR

• Diffuser du contenu vidéo en ligne

– création d’une vidéo sur Animoto


Atelier 1 – Je prépare et je diffuse mon contenu photo/vidéo

Retour sur la causerie

Causerie du jeudi – 23/01/2014 - Guérande Atelier 1 - 28 janvier 2014 - La Baule

Causerie du jeudi « Susciter l’envie grâce à la photo et à la vidéo »

• Le comportement des voyageurs évolue et …..

… l’image est partout !

• Le droit d’auteur et le droit à l’image

• Techniques de prises de vue : comment faire de belles photos ?

• Bons exemples de valorisation de l’image sur son site web

• Panorama des sites et plateformes existants


1. Préparer ses photos pour le web

• Taille, dimension, format : j’optimise mes photos pour le web • Retouche photo : je crée et j’améliore



Préparer ses photos : choisir le bon format

Source : http://www.commentcamarche.net/faq/17625-choisir-une-image-et-savoir-l-optimiser-pour-son-site-pro

JPEG

GIF

PNG

Image de qualité, photographie

Pour une animation

Pour un logo, une icône, un dessin, un graphique

Pour une image avec transparence, avec texte

http://www.commentcamarche.net/faq/17625-choisir-une-image-et-savoir-l-optimiser-pour-son-site-pro
























Préparer ses photos : choisir le bon format

Ouvrir une photo dans « paint » puis fichier – enregistrer sous

Sélectionner le type de format souhaité


Préparer ses photos : résolution, taille, dimension et poids

Source : http://www.photograpix.fr/blog/trucs-et-astuces/resolution-taille-et-dimension-photo-et-comment-changer-ces-parametres-facilement/

Taille

Résolution

Dimension

Important pour l’impression papier - en cm ou pouces

PPP : pixels par pouce (ou DPI : dots per inch)

conseil : opter pour 72 ppp ou dpi

Place occupée par la photo sur l’écran

S’exprime en pixel – conseil : opter pour 800 px en largeur

Important pour l’affichage web

Poids S’exprime en octets (Go, Mo, Ko) – conseil : opter pour

quelques centaines de Ko (entre 100 et 300)

A des conséquences sur le temps de téléchargement

http://www.photograpix.fr/blog/trucs-et-astuces/resolution-taille-et-dimension-photo-et-comment-changer-ces-parametres-facilement/


























Préparer ses photos : connaître les dimensions adaptées

Lien : http://www.socialshaker.com/blog/2013/05/02/aide-memoire%C2%A0-dimensions-et-tailles-des-images-dune-page-facebook/

Ici les dimensions Facebook

http://www.socialshaker.com/blog/2013/05/02/aide-memoire%C2%A0-dimensions-et-tailles-des-images-dune-page-facebook/




















Préparer ses photos : connaître les dimensions adaptées

Lien : http://objetdirect.developpez.com/tutoriels/css/responsive-design/

Données indicatives

• Smartphone : largeur d'écran < 480px

• Tablette : largeur d'écran entre 480px et 1024px

• Ordinateur : largeur d'écran > 1024px

http://objetdirect.developpez.com/tutoriels/css/responsive-design/




Préparer ses photos : redimensionner une photo avec le logiciel XnView

Télécharger le logiciel sur http://www.xnview.com

http://www.xnview.com/





Télécharger le logiciel sur http://www.xnview.com

http://www.xnview.com/


Préparer ses photos : diminuer le poids d’une photo directement sur un site

www.jpegmini.com

http://www.jpegmini.com/



Cliquer puis sélectionner votre photo



Votre photo est chargée, vous pouvez la télécharger


Préparer ses photos : je crée et j’améliore avec le site PicMonkey

Lien : www.picmonkey.com

http://www.picmonkey.com/







Recadrer la photo



Régler la luminosité de la photo



Redimensionner la photo



Appliquer un zoom sur une partie de l’image



Ajouter du texte sur la photo



Ajouter des formes



Ajouter un cadre



Enregistrer votre photo, la renommer puis choisir le format

souhaité





Importer ses photos puis les glisser dans la partie droite sur la vignette

souhaitée



Sélectionner le type de « collage » souhaité



Possibilité de faire un collage pour la photo de couverture Facebook



Modifier les couleurs, l’espace et les bords des photos


Préparer ses photos depuis son smartphone ou sa tablette : l’exemple d’Aviary









2. Diffuser du contenu photo en ligne



Création d’une banque images www.flickr.com

http://www.flickr.com/


Création d’une banque d’images

• Créer son compte et/ou se connecter



• Personnaliser son profil



• Importer ses photos









• Découvrir sa galerie



• Créer un album



• Créer un album



• Créer un album

Retourner ensuite sur la page principale



• Partager son album



• Partager son album

Le prochain atelier permettra de voir comment l’intégrer sur son site Internet.

3. Diffuser du contenu vidéo en ligne



Création d’une vidéo avec Animoto www.animoto.com

http://www.animoto.com/

http://animoto.com/play/0L4BW2FznKftWG67KWtvzg


Création d’une vidéo avec Animoto

• Créer son compte et/ou se connecter



• Page d’accueil



• Choisir un thème et un modèle



• Démarrer la conception



• Démarrer la conception



• Télécharger les photos



• Télécharger les photos



• Intégrer du texte



• Changer la musique



• Trop de contenu – Limiter à 30 sec.



• Trop de contenu – Limiter à 30 sec.



• Visualiser le résultat



• Visualiser le résultat



• Partager sur les réseaux sociaux

Pour aller plus loin par vous-même

• Dimensions de photos Facebook http://www.socialshaker.com/blog/2013/05/02/aide-memoire%C2%A0-dimensions-et-tailles-

des-images-dune-page-facebook/

• Dimension, taille, résolution http://www.photograpix.fr/blog/trucs-et-astuces/resolution-taille-et-dimension-photo-et-

comment-changer-ces-parametres-facilement/

• Support de formation qualité image http://www.labaule-guerande.com/documents/Formation_qualite_image_md.pdf

Pour aller plus loin accompagné

• Accompagnement individuel Loire Atlantique Tourisme














































http://www.labaule-guerande.com/documents/Formation_qualite_image_md.pdf



http://www.ohlalapro.com/nos-prestations

Marie Languille

Cap Atlantique

02 51 75 77 93 [email protected]


Merci de votre participation

Mathieu Plantard

OT Pornichet

02 40 61 33 33 [email protected]

mailto:[email protected]






Direction du Développement Touristique - CAP Atlantique

Et les Offices de Tourisme de la Destination

3 avenue des Noëlles – BP 64

44 503 LA BAULE Cedex

Tél : 02 51 75 77 24

[email protected]

www.labaule-guerande.com

La Baule - Presqu’île de Guérande


Documents

Transats Numériques - Atelier 1 "Je prépare et je diffuse mon contenu photo et vidéo" - 28 janvier 2014