Forums » [Aide] Poster une image (Réduire, Héberger, et Enregistrer):

[Aide] Poster une image (Réduire, Héberger, et Enregistrer)  

Lancé par korokuso - 18 réponses - Page 1



korokuso
korokuso
Modérateur

[Aide] Poster une image (Réduire, Héberger, et Enregistrer)

Ce sujet se présente en deux points majeurs, ainsi qu'un troisième pour ceux réalisant leurs propres créations :

-[b] [url=http://forum.wonaruto.com/viewtopic.php?pid=1217#p1217]Réduire une image[/url][/b] : [b]Taille maximum des images [/b]que vous pouvez poster sur le forum ([color=red]490px de large[/color]) et comment Réduire votre image si celle si est plus large que cette limite.

- [b][url=http://forum.wonaruto.com/viewtopic.php?pid=1238#p1238]Héberger votre image[/url][/b] et la poster.

- Enfin, [b][url=http://forum.wonaruto.com/viewtopic.php?pid=1242#p1242]Enregistrer une image[/url][/b] au bon format pour le web. Certaines personnes travaillant sous divers logiciels de graphisme souhaiteront partager leurs oeuvres. Seulement elles ne pourront les partager quand enregistrant leur travail sous le bon format d'image.

OBEY

korokuso
korokuso
Modérateur

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[b]Afin de ne pas déformer la mise en page du forum, nous vous demanderons de ne pas poster des images dont la largeur serait supérieure à 490px.[/b]

Pour cela, et pour ceux qui ne savent pas encore comment faire, voici un tutoriel qui vous expliquera comment faire pour réduire votre image sous plusieurs logiciels :
[align=center]

Commencons par séléctionner l'image que nous voulons réduire :

[img]http://img295.imageshack.us/img295/5773/largezo5.gif[/img]


[b][color=red]Sous Paint[/color][/b]

Paint est le logiciel de graphisme de base fournit avec tout Windows. Si vous avez Windows, quelque soit la version, vous avez forcément ce logiciel.
Pour le trouver aller dans votre menu [b]Démarrer/ Tous les programmes/ Accessoires/ Paint[/b]

Ouvrez votre image, puis menu [b]Image/ Etirer/Incliner[/b] (ou CTRL+W)

[img]http://img508.imageshack.us/img508/217/paintgb6.gif[/img]

Une fenêtre s'ouvre, pour la réduction, seul le cadre [i]Etirement[/i] nous intéresse
Vous voyez deux valeurs, horizontale et verticale.
Actuellement à 100% il vous suffit de modifier ces [b]deux [/b]valeurs en fonction de la taille souhaitée (pour une image de 800 par 600px, 50% sur les deux valeurs donnera 400 par 300px ..)

[img]http://img508.imageshack.us/img508/3561/paint2lp7.gif[/img]

Votre image est réduite, il ne vous reste plus qu'à l'enregistrer (sous un nouveau nom si vous souhaitez garder pour vous la taille originale)

[img]http://img516.imageshack.us/img516/2595/smallac9.gif[/img]

[b]Attention[/b], pour garder les bonnes proportions de votre image, il vous faut entrer la même valeur dans horizontale [b]et[/b] verticale, sans quoi, votre image sera déformée ..

[img]http://img516.imageshack.us/img516/1874/deformjy9.gif[/img]


[b][color=red]Sous The Gimp[/color][/b]

Ouvrez votre image, puis menu [b]Image/ Echelle et taille de l'image ...[/b]
Cette fenetre s'ouvre alors, il vous suffit de modifier la largeur ou la hauteur

[img]http://img295.imageshack.us/img295/1259/gimpok6.gif[/img]

Vérifiez bien que le symbole de [b]mise à l'echelle[/b] soit [b]lié[/b] [img]http://img295.imageshack.us/img295/9781/gimp1cz1.gif[/img], cela permettra de conserver les proportions de votre image

En cliquant sur le symbole de [b]mise à l'echelle[/b], vous indiquez que vous ne souhaitez pas conserver les proportions de votre image [img]http://img508.imageshack.us/img508/9704/gimp2fm5.gif[/img]
En modifiant alors la hauteur par exemple, l'image sera modifiée en hauteur mais pas en largeur, vous aurez le même resultat que celui expliquez dans la version Paint précédement


[b][color=red]Sous Photoshop[/color][/b]

Ouvrez votre image, puis menu [b]Image/ Taille de l'image ...[/b]

Cette fenetre apparait alors, modifiez la hauteur ou la largeur (pour plus de facilité, on utilisera uniquement le cadre [i]Dimensions de pixel[/i]).
Vérifiez que [b]Conserver les proportions[/b] soit cochée.
Si vous ne souhaitez modifier que la hauteur par exemple, décochez cette case, vous aurez le même resultat que celui expliquez dans la version Paint précédement.

[img]http://img295.imageshack.us/img295/8233/toshopnz7.gif[/img]
[/align]

Vous avez réduit votre image, il ne vous reste plus qu'à l'héberger avant de pouvoir la poster.

OBEY

korokuso
korokuso
Modérateur

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[b]Avant de pouvoir afficher une image sur le net il faut la transferer de votre pc, à un serveur qui hebergera votre image.[/b]

[align=center]Il existe pour cela de nombreux sites, mais je vous expliquerais ici le plus utilisé

http://imageshack.us/

En arrivant sur le site vous remarquez un bouton [b]Parcourir[/b], et juste en dessous les formats d'images qui peuvent être chargés depuis votre pc, sur internet : jpg jpeg png gif bmp tif tiff swf
ainsi que la taille maximale autorisée par imageshack : 1.5 Mo ce qui est bien suffisant pour la majorité des images :

[img]http://img403.imageshack.us/img403/4339/imageshckfa6.gif[/img]

En cliquant sur [b]Parcourir [/b]vous accedez à votre pc. Il vous suffit de rechercher votre image et de la selectionner, cliquez sur ouvrir:

[img]http://img522.imageshack.us/img522/7343/parcoujc4.gif[/img]


Vous n'avez plus qu'à faire "Host it!" (Heberges la!) et votre image sera chargée de votre pc au serveur.
(Le transfert se faisant de votre pc à internet, aucun risque donc de recevoir un virus.)

Attendez un instant , et une nouvelle page s'ouvre alors avec de nombreux liens, tous sont des liens vers votre image:

[img]http://img338.imageshack.us/img338/812/hostel9.gif[/img]
[/align]

-[b]Hotlink for forums 1[/b] : Permet en faisant un copier coller de la ligne dans votre post d'afficher une image sur le forum.
Si vous souhaitez utiliser cette ligne : Faites un simple copier coller de ce code dans votre message et [b]effacer[/b] le code [url=http://imageshack.us]en début de code et [/*url] (sans l'étoile) en fin, ainsi que Shot at xxxx-xx-xx en fin de code qui sont inutiles.
-[b]Hotlink for forums 2[/b] : Ne sera pas utilisé ici
-[b]Hotlink for websites[/b] : vous permet d'heberger des images que vous souhaitez mettre dans vos pages web. Si vous ne faites pas de site web, cette ligne ne vous interresse pas
-[b]Show image to friends[/b] : En copiant collant ce lien dans votre message, vous afficherez un lien vers une page qui permet de voir votre image
-[b]Direct link to image[/b] : un lien direct vers l'image, [color=red]c'est celui que nous utiliserons[/color] pour afficher notre image:

Copiez collez cette dernière ligne dans votre message, puis séléctionnez la (toujours dans votre message) et appuyez simplement sur le bouton Image [img]http://img338.imageshack.us/img338/7124/imgbk9.gif[/img] au dessus du champ de texte.

Faites une prévisualisation de votre message si vous n'êtes pas sur de vous pour voir si votre image s'affiche bien.

Tout en haut vous remarquez "[b]Upload[/b] another image", il vous suffit de cliquer dessus ou bien sur le logo du site, [b]si vous avez d'autres images à charger[/b].


[align=center][b]A partir d'une certaine taille d'image d'autres lignes apparaissent[/b] :

[img]http://img96.imageshack.us/img96/4064/hostlargenz7.gif[/img][/align]

-[b]Thumbnail for Websites[/b] : même chose que hotlink, cette ligne ne concerne que les webmasters

-[b]Thumbnail for forums 1[/b] : Le problème avec les grosses images c'est d'un, qu'elle déforme le forum, deux, les personnes avec une faible connexion ne vous dirons pas merci d'afficher directement l'image sur le site.
C'est là que ces lignes prennent tout leur sens. Elles permettent en faisant un copier coller de la ligne d'afficher une reduction de l'image "thumbnail", sur laquel on pourra cliquer pour voir l'image dans sa taille originel.
[color=red]Sur le forum, les images trop importantes devront être vues de cette façon, sous peine d'être tout simplement suprimées[/color]
-[b]Thumbnail for forums 2[/b] : Ne sera pas utilisé ici

[align=center]Nous allons donc copier coller le code de [b]Thumbnail for forums 1[/b]
En prévisualisant ou validant votre message, voilà ce que ça donnera :

Cliquez dessus :

[url=http://img338.imageshack.us/my.php?image=sanstitre1un4.jpg][img]http://img338.imageshack.us/img338/3956/sanstitre1un4.th.jpg[/img][/url]
[/align]


Voilà, vous avez maintenant toutes les cartes en main pour réduire, héberger et poster vos images sur le forum sans le déformer.

OBEY

korokuso
korokuso
Modérateur

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

Bon, on va aborder un dernier point au cas où .. [b]Enregistrer une image pour le web[/b] lorsque vous travaillez sous un logiciel de graphisme :

[align=center]L'enregistrement de votre travail est l'une des choses les plus importantes à connaitre

Lorsque vous travaillez sous un logiciel de graphisme, vous utilisez souvent des calques. Mais si l'image était sous un format image simple, lorsque vous souhaiteriez y revenir, tout vos calques auraient disparus et seraient fusionnés.
Pour eviter cela, rien de plus simple, le logiciel le fait automatiquement.
Il suffit d'aller dans menu Fichier/ Enregistrer, et nommer votre travail.

Pour [b]The Gimp[/b], le format natif est .[b]XCF[/b]
Pour [b]Photoshop[/b], le format "natif" est .[b]PSD[/b]
Pour [b]Paint Shop Pro[/b], le format "natif" est .[b]PSP[/b]
etc ..

Vous me direz alors, mais pourquoi ce Tuto alors?

[b]Et bien le net ne lit pas ces formats "natif"[/b], et il va donc falloir les enregistrer sous un autre format.


Le format qui conserve le mieux les couleurs pour un poids ( Ko ) le moins important est le [b]Jpeg [/b]ou le [b]png[/b], c'est celui que je vous recommande d'utiliser dans la majorité des cas.

Il y a deux cas où l'on utlisera un autre format, pour la [b]transparence[/b], une image détourée. Et pour sauvegarder une [b]animation[/b].
Il faudra alors enregistrer l'image sous le format [b]Gif[/b].
J'en vois déjà qui clament que non, pour une image transparente il faut l'enregistrer au format .png, que les couleurs y sont bien mieux gérées, et le rendu bien meilleur .. oui mais ceux ci utilisent Firefox ou IE7 comme navigateur, et oublient que [b]la transparence des png n'est pas géré pas Internet Explorer 6 ou antérieur [/b](navigateur utilisé encore par la majorité des internautes), résultat, un fond gris sur votre image, ce qui ne fait pas des plus jolis, le png est donc malheureusement à éviter.

[img]http://img68.imageshack.us/img68/9436/pngjx7.jpg[/img] [img]http://img160.imageshack.us/img160/6111/pngsansqk2.jpg[/img] [img]http://img239.imageshack.us/img239/5646/gifhj7.gif[/img]
Dans l'ordre : png sous FF ou IE7; png sous IE6 ou anterieur; format .gif
Autre moyen pour avoir une belle image avec "effet" de transparence, lui ajouter un calque de fond de la couleur de fond où vous la posterez (ce que j'ai fait ici, les deux première image étant des .jpg). C'est ce qu'on appelle tricher ^^

Voyons maintenant comment enregistrer notre travail sous un autre format.

[color=red]Lorsque vous souhaitez enregistrer votre travail pour le web[/color], allez dans
menu[b] Fichier/ Enregistrer [u]sous[/u][/b]
En dessous du champ "Nom du fichier" vous devriez trouver un menu qui vous permet de modifier le format de l'image, il ne vous reste plus qu'à le choisir et valider.


[color=red]Sous Gimp :[/color]

Cette fenêtre apparait, selectionnez le type de fichier (comme encadré en rouge)

[img]http://img239.imageshack.us/img239/8418/savegimpcq5.gif[/img]

Il ne vous reste plus qu'à selectionner le format souhaité dans la liste.


[color=red]Sous Photoshop :[/color]

[b]2 solutions :[/b]

1 - Soit comme précedement
Séléctionnez le Format souhaité dans le menu déroulant sous le nom du fichier et voilà
Veillez aussi au poids de l'image, inutile que celui soit trop élevé, une qualité de 8 sera bien suffisante, et permettra à l'affichage de la page d'être plus rapide.

[img]http://img239.imageshack.us/img239/3483/savetoshopfn2.gif[/img]

2 - Soit en choisissant [b]Enregistrer pour le Web ...[/b] qui permet de vérifier directement la qualité d'enregistrement.
Une large fenêtre s'ouvre, dans laquel en haut à droite vous pourrez sélectionner le format désirez
(Pour les autre réglages, laissez les tel quel si vous ne savez pas à quoi il correspondent)

[img]http://img66.imageshack.us/img66/2716/savetoshop2lx0.gif[/img]

En bas à gauche de votre fenêtre, sous votre images, les détails d'enregistremenr de votre image, ainsi que son poids une fois enregistré. Essayé tout de même d'avoir un poids qui ne soit pas trop élevé, l'affichage de la page Internet et de votre image n'en sera que plus rapide.

[img]http://img513.imageshack.us/img513/1631/infokr2.gif[/img]



[/align]


Cordialement, korokuso

OBEY

kazuku_
kazuku_
Bon Genin

  • 5 Messages | Galerie | Recueil | Offline

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

En bas à gauche de votre fenêtre, sous votre images, les détails d'enregistremenr de votre image, ainsi que son poids une fois enregistré. Essayé tout de même d'avoir un poids qui ne soit pas trop élevé, l'affichage de la page Internet et de votre image n'en sera que plus rapide.
lol

il est plus facile de pedre la confiance de quelqun que de la gagner .....

Balboa
Balboa
Chuunin

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

j''ai un logiciel qui me permet de réglés ton sa plus facilement. mais au moin tes espliquation sur claire et présisent elle méritec atention est son bonne a s'avoir.
le seul ennuie sais que chaque opérateur de donn un maniére mais les tiennemarche pour tous ?

 

petit pierre
petit pierre
Genin

  • 14 Messages | Galerie | Recueil | Offline

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

j''ai un logiciel qui me permet de réglés ton sa plus facilement. mais au moin tes espliquation sur claire et présisent elle méritec atention est son bonne a s'avoir.
le seul ennuie sais que chaque opérateur de donn un maniére mais les tiennemarche pour tous ?

 

dattebayo1
dattebayo1
Bon Genin

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[quote=Balboa]j''ai un logiciel qui me permet de réglés ton sa plus facilement. mais au moin tes espliquation sur claire et présisent elle méritec atention est son bonne a s'avoir.
le seul ennuie sais que chaque opérateur de donn un maniére mais les tiennemarche pour tous ?[/quote]
C'est dingue tu parles comme Nell dans Bleach l'anime yikes

 

naruto31666
naruto31666
Excellent Genin

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[url=http://www.wonaruto.com/fanarts/galerie/11783/naruto31666/][b]Ma galerie de fanarts Naruto[/b][/url] J'aimerai supprimer un art mais il n'est pas encore accepter y a t-il une manipulation a faire pour pouvoir retirer un art non accepter ?

 

H3lly
H3lly
Excellent Genin

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[quote=naruto31666][url=http://www.wonaruto.com/fanarts/galerie/11783/naruto31666/][b]Ma galerie de fanarts Naruto[/b][/url] J'aimerai supprimer un art mais il n'est pas encore accepter y a t-il une manipulation a faire pour pouvoir retirer un art non accepter ?[/quote]
[i]Oui, envoyer un méssage priver à Serafina lui disant que tu veut supprimer les fan art.
Un petit HS : Etant une curieuse, pourquoi veut tu le supprimer =o (Tu est pas obliger de répondre, c'est juste que je suis intrigé de ta réponce x3)[/i]
[i][align=right][b]H3lly[/b][/align][/i]

T'es qu'une demi-yokai, alors t'es encore plus faible qu'un humain ! - Eeeh, marisa, t'es humai

korokuso
korokuso
Modérateur

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

naruto31666 > mp à Serafina, avec un titre explicite (Art en attente à supprimer), ou sinon tu attends qu'il soit validé ..

Par contre ça serait bien de regarder où tu post, le sujet n'a aucun rapport avec ton problème .. hmm
Le mieux aurait été si tu ne trouvais pas un sujet correspondant d'en créer un nouveau dans entraide

OBEY

bigbest103
bigbest103
Bon Genin

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[img][/img]
=http://img18.imageshack.us/i/sasukevdy.jpg/][img]http://img18.imageshack.us/img18/808/sasukevdy.jpg[/img][/url]



merci pour tout,je ne savais pas que cétais juste comme ca <(*-*)>


Les erreurs suivantes doivent être corrigées pour que le message puisse être envoyé :
Les messages doivent être argumentés, nous vous invitons à relire les règles. Pour le dialogue, le bar est à votre disposition.

DX element<Sony kun>best<OvI gr8>B3ST<Sasori>biju>best<buttercup>

slyfer uchiha
slyfer uchiha
Chuunin

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

bonjour je ne suis pas capable de poster mon image ds un forum pouver vous maider svp car la moi jpeu plus poster une seule image dans les forum et sa fais chier merci de me répondre smile aider moi svp vous vouler

La colère n'est pas un vice quand elle s'abat sur ceux qui le méritent.

Izanagii
Izanagii
Rédacteur Jutsus

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[quote=slyfer uchiha]bonjour je ne suis pas capable de poster mon image ds un forum pouver vous maider svp car la moi jpeu plus poster une seule image dans les forum et sa fais chier merci de me répondre smile aider moi svp vous vouler[/quote]
Tu suis les instructions de kokoruso... mad
Le topic est justement là pour t'expliquer comment faire.

 

Wagyu
Wagyu
Bon Genin

  • 236 Messages | Galerie | Recueil | Offline

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

Merci beaucoup j'ai réussi à maîtriser ma colorisation car j'avais un problème
Je n'arrivais pas à déposer mon art parce qu'il dépassait les 300ko
J'ai pu analyser le forum et je suis tombé sur ce topic qui m'à aidé à rétrécir le nombre de ko et tout est rentré dans l'ordre
Du coup ma colorisation à été acceptée
Merci beaucoup ce forum est une vraie mine d'or elle sert beaucoup

 

bsgfs
bsgfs
Etudiant

  • 89 Messages | Galerie | Recueil | Offline

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

These Louis vuitton handbags can be used in rainy seasons. [url=http://www.hoganshoesonlineshop.com][b]Hogan Shoes[/b][/url]  They are extremely tough, long-lasting and watertight, [url=http://www.abercrombiefitchoutletstores.com][b]Abercrombie Fitch[/b][/url]  contrived from canvas and various resources like leather. [url=http://www.onitsukatigershoesstore.com/][b]Tiger Shoes[/b][/url]  These pricings also depend on materials and creativity applied on it. At the distance from Louis vuitton handbags, Louis vuitton shoes are also receiving good response from fashion industry.

 

Robin_3
Robin_3
Genin

  • 2 Messages | Galerie | Recueil | Offline

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[quote=korokuso]Ce sujet se présente en deux points majeurs, ainsi qu'un troisième pour ceux réalisant leurs propres créations :

-[b] [url=http://forum.wonaruto.com/viewtopic.php?pid=1217#p1217]Réduire une image[/url][/b] : [b]Taille maximum des images [/b]que vous pouvez poster sur le forum ([color=red]490px de large[/color]) et comment Réduire votre image si celle si est plus large que cette limite.

- [b][url=http://forum.wonaruto.com/viewtopic.php?pid=1238#p1238]Héberger votre image[/url][/b] et la poster.

- Enfin, [b][url=http://forum.wonaruto.com/viewtopic.php?pid=1242#p1242]Enregistrer une image[/url][/b] au bon format pour le web. Certaines personnes travaillant sous divers logiciels de graphisme souhaiteront partager leurs oeuvres. Seulement elles ne pourront les partager quand enregistrant leur travail sous le bon format d'image.[/quote]
...

 

mikadooo
mikadooo
Bon Genin

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

[quote=bsgfs]These Louis vuitton handbags can be used in rainy seasons. [url=http://www.hoganshoesonlineshop.com][b]Hogan Shoes[/b][/url]  They are extremely tough, long-lasting and watertight, [url=http://www.abercrombiefitchoutletstores.com][b]Abercrombie Fitch[/b][/url]  contrived from canvas and various resources like leather. [url=http://www.onitsukatigershoesstore.com/][b]Tiger Shoes[/b][/url]  These pricings also depend on materials and creativity applied on it. At the distance from Louis vuitton handbags, Louis vuitton shoes are also receiving good response from fashion industry.[/quote]
[b][i]En français ?[/i][/b]

Boum ©

Le-Joker
Le-Joker
Excellent Genin

  • 74 Messages | Galerie | Recueil | Offline

Re: [Aide] Poster une image (Réduire, Héberger, et Enregistrer)

Ils sont tous les trois devenus des incontournables du langage 2.0 mais attention à ne pas les confondre.

Quelle différence entre les emojis et les émoticones ? Comment distinguer les emojis, des émoticones et des smileys. Les smileys sont les ancêtres des emojis. Créés à partir de 1972 ils ont une forme ronde, deux yeux et une bouche. Les émoticones, eux, sont les symboles que l'on écrit en utilisant les caractères du clavier comme wink. Enfin, les emojis sont tous les symboles que l'on retrouve actuellement sur les smartphones, tablettes, ordinateurs ou réseaux sociaux.

>> Comme chaque année, à l'automne, près d'une centaine de nouveaux emojis vont rejoindre le clavier des smartphones. Au fait, comment sont-ils choisis ?

 

Pied de page des forums