Yvanoph Karim Modérateur ABC du Web Karim Yvanoph WebMaster 3Alannet webmaster@abc-du-web.com BP 116 7080 Menzel JEMIL Gouvernorat de BIZERTE Tunisie Yvanoph www.abc-du-web.com 0021625332209
Retour à l'Accueil du Mode d'Emploi du Forum XWebDesignor ?
   Accueil   Aide Rechercher Tags Identifiez-vous Inscrivez-vous  
Pages: [1]   Bas de page
  Imprimer  
Auteur Fil de discussion: [Image] - Ou comment les redimensionner en 10 Clics ?  (Lu 9734 fois)
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« le: Lun. 06 Mars 2017 à 10:48:45 »

Il peut arriver d'avoir à redimensionner légèrement des #Icônes, #Images, #Vignettes de tous formats pour X raisons ! Ce qui à première vue inspire bien des soupirs ? Mais il y a de simples solutions...


Premier cas de figure, juste rogner quelques pixels de ci de là :

- Se rendre dans le /Répertoire adéquate, faire "Ctrl + A" pour les sélectionner toutes et faire glisser le total dans votre Logiciel de retouche d'Images...
Créer un nouveau fichier, donc vierge, fond blanc et aux dimensions finales adéquates (Cf. Image ci dessous) ! Le principe simple se résume à les passer à l'emporte pièce, tout ce qui dépassera étant supprimé... Rapide, simple et efficace, mais surtout sans aucune erreur possible ? ? ?



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Clic sur la première Image puis "Ctrl + C" pour copier ou Clic DROIT sur la première Image puis Clic sur "Copier" dans la liste d'Action apparue, Clic sur le fichier neuf puis "Ctrl + V" pour coller ou Clic DROIT sur le fichier neuf puis Clic pour "Coller" dans la liste apparue !
Automatiquement la copie dans un nouveau calque se positionne à 0/0, donc précisément en haut à gauche (Cf. les pointillés visibles dans l'Image ci dessous) ?



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et si ça convient "Ctrl + Enter" va compiler tous les Calques présents en un seul.
A nouveau Clic DROIT sur la première Image puis Clic sur "Enregistrer sous" dans la liste d'Action apparue puis Ctrl + A dans la Fenêtre du Nom de Fichier pour tout sélectionner, suivi de Ctrl + C pour tout copier, ou carrément Ctrl + X pour tout couper et être certain de ne pas oublier un seul caractère ?
Clic alors sur "Annuler", et sur le Fichier neuf, Clic DROIT puis Clic sur "Enregistrer sous" dans la liste d'Action apparue puis "Ctrl + V" dans la Fenêtre du Nom de Fichier suivi de "Enter" pour valider l'enregistrement ?
A ce point paramétrer une fois pour toute chemin, taux de compression etc. et finir d'enregistrer !



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


ATTENTION, là le programme DOIT vous prévenir que vous avez déjà un Fichier portant ce Nom, aussi confirmer d'écraser l'existant ?
Ce qui de votre coté garantira que vous n'aurez AUCUN Nom de Fichier à changer dans votre Site... Car avec un seul caractère de différent, jamais il ne vous sera demandé d'écraser le précédent ? Une façon de confirmer automatiquement que tout est correct quoi...

Vous pouvez bien évidemment décider de bouger un peu le collage dans un nouveau calque avant de tout compiler, dans le cas ci dessous remonté de deux pixels et décallé à gauche d'un seul...



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Puis suivre le parcours classique précédent ?
Et NUL BESOIN de créer à chaque fois un Nouveau Fichier, il suffit de coller sur le dernier enregistré la nouvelle copie après avoir fermé le précédent original copié...


Donc en résumé, après avoir fait l'exercice une fois pour tous les paramètres, tout le reste se résume à :

- Sélectionner puis copier l'original,

- Sélectionner puis coller dans le nouveau format,

- Déplacer un peu si besoin...

- Compiler l'ensemble.

- Sélectionner puis récupérer le Nom de Fichier de l'original,

- Sélectionner puis nommer le nouveau par copie,

- Enregistrer en validant l'écrasement de l'original,

- Fermer l'original qui n'existe d'ailleurs plus dans les anciennes dimensions sur le Disque ?

Soit dix Clics pour modifier en point de temps sans RIEN taper, ce qui peut là devenir source d'erreur tant au niveau des dimensions que du texte ? En fait dans les trente secondes par Image tout compris... Pour obtenir en cinq minutes le résultat suivant ?



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et ne reste plus qu'à publier si besoin est, sinon remplacer le lot dans la #Médiathèque d' #XWebDesignor ?


Bien cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« Répondre #1 le: Lun. 06 Mars 2017 à 13:38:13 »

Deuxième cas de figure, juste augmenter de quelques pixels de ci de là ?


Là sont concernées les #Icônes classiques courantes employées un peu partout... Nous avons appris depuis que pour fonctionner correctement sous #Androïd et consort nos #Sites DOIVENT présenter des #Boutons faisant au MINIMUM 28 px en Largeur comme en Hauteur, sous peine de ne pouvoir être actionnés sans risque de "bavure" sur le voisin ?
Hors de façon courante, nos #Icônes font plutôt 24 au carré (Cf. Image ci dessous)... Hors si employées dans des #Boutons, il nous faut alors les "augmenter" ?



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et donc IMPOSSIBLE à première vue d'employer l' #Astuce ci dessus puisque il n'y a RIEN à "couper", devant plutôt les augmenter ? ? ? Et pourtant...
Comme nous n'avons QUE deux pixels à rajouter de chaque coté en fait, nous allons créer un nouveau fichier là encore, mais de 28 px au carré (Cf. Image ci dessous) ?



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et nous allons le remplir d'une Couleur à notre choix ? Là j'ai piqué du bleu ciel dans la première #Icône, mais j'aurais pu tout aussi bien prendre du #800000 pour le faire disparaître dans le #Fond ? Et ainsi avoir des #Boutons de BONNES dimensions, SANS que ça se voit en le noyant avec le #Fond...
J'aurais pu tout autant employer un Fond TRANSPARENT, ayant donc ainsi toujours les BONNES dimensions, tout en les cachant par le Fond employé ? D'autant que dans ces Dimensions, le poids enregistré sous le format .png ne dépassera pas le Ko, alors que sous le .gif il en fera 1,5 à 2 ?

Une autre idée serait d'employer une couleur contrastante, pour mieux le mettre en exergue ? Voire même un dégradé pour faire comme un #Bouton qui dépasserait en Hauteur par un effet de lumière ?
Bref, employer l'#Astuce ci dessus est donc toujours possible, d'autant que par défaut le #Programme le centre automatiquement ?



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et finalement obtenir en DEUX minutes mes quatre #Icônes aux dimensions adéquates...



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


A noter que dans le cas présent, leurs Noms de Fichiers sont complétés de l'Index -2 ! Car comme annoncé dans un autre #Fil, il convient de conserver les Fichiers initiaux pour le #Site en Version conventionnelle, classique, doublés de ceux dédiés à la Version "responsive" ! ! !
N'en ayant QUE quatre dans l'exemple suivant, je me suis contenté de le faire manuellement au moment de l'enregistrement, néanmoins il y a une #Astuce (A venir...) quant la faire en peu de Clics (Quatre en tout) sur quelques dizaines ou même centaines ?


Voilà voilà, cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« Répondre #2 le: Mar. 14 Mars 2017 à 22:25:42 »

Rien de plus irresponsable que de publier des #Images d'un poids "ABOMIFREUX" ! ! ! C'est à dire excessif compte tenu du rendu réel sur une #Machine...


Comme vous l'avez déjà appris, optimiser ses #Images voire tout #Fichier annexe, genre #Vidéo, #Son etc., par #Compression, #Optimisation de #Résolution ou encore par changement de #Format, toutes ces #Astuces vous sont normalement connues pour avoir été détaillées "mille et une" fois, tant sur l'ancien #Forum puisqu'une fonction automatique pour le faire a finalement été rajoutée à cet effet dans #XWD, mais pas aussi pointue, que tout ce qui a ensuite été publié ici ?

Aussi conserver de GROSSES #Images pour ensuite les afficher de façon réduite sur une #Machine à petite #Résolution serait un peu inconséquent, pour au moins deux raisons ?

- Une #Pollution INADMISSIBLE puisque "faire passer dans le tuyau" un poids qui, en diminuant les dimensions simplement par deux ferait chuter le poids au moins par quatre ?

- Une #Usure de #Machine par son #Processeur et une #Pollution INADMISSIBLE là aussi d'énergie qui découle du fait de recalculer à chaque fois pour ajuster aux dimensions voulues ?

Aussi avais-je prévenu, ce qui a effrayé l'ami gb87, de prévoir à cet effet de redimensionner toutes #Images aux demi dimensions initiales, et les renommer en conservant le #Nom de #Fichier initial, mais complété de -2.
Ceci tout en veillant, comme déjà expliqué, à ce que la plus petite dimension ne passe pas en dessous du seuil de 28 px ! ! !

Pour redimensionner de façon automatique, facile en demandant à votre #Logiciel de tout diviser par deux ? Mais ... Quoi ? enregistrer "sous" à chaque fois Non mais..., pour quelques unes, passe encore, mais pour une "brouette" conséquente ? Il y a bien de quoi effrayer un "jardinier" ? Dire quoi ? ? ? Pété de Rires Plié de Rires Ecoutez MOI !


Alors une #Astuce FORT SIMPLE et ultra rapide consiste à créer un #Répertoire temporaire, nommé par exemple tmp là où sont les #Images à dédoubler (Cf. Image ci dessous...)



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et y copier toutes les #Images du #Répertoire initial !



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?

Ainsi nous avons de coté une copie de nos #Images déjà employées en cas d'erreur ?


Puis ouvrir une #Fenêtre dans #Windows, couramment dans les "Accessoires", nommée "Invite de Commande" ! Certainement un truc dans lequel vous n'avez jamais "mis les pieds" ?




Et vous voilà avec ce qu'il est commun de nommer un "Prompt" Quoi ?, l'ancienne chose que ... vous affichait un #Ordinateur, autrement dit dans l'attente que vous lui donniez un "ORDRE", en clignotant bêtement, comme pour vous dire "BON, j'attends" ! ! !
Et couramment dans votre #Répertoire personnel.
Alors rappel quant aux chemins "relatifs", si vous tapez "cd.." puis "Return", vous allez vous retrouver dans le #Répertoire /Users, que vous connaissez déjà peut-être sous "Utilisateurs" ?
Et si vous recommences, vous finirez à la #Racine, soit le premier  Au s'cours !, Disque dur ou Disque Système...
Pour information, vous auriez pu taper "cd /" puis "Return" et vous sauter directement à la #Racine ?

Il est donc facile de "sortir d'une pièce" du "bâtiment" C ?


De mon coté, n'ayant JAMAIS AUCUN #Fichier personnel en "C:\", plutôt que rentrer là où sont mes fichiers, je "triche en tapant directement "cd E:" puis "Return", et zou, me voilà "téléporté" dans un autre "bâtiment" ?

Et là taper "cd " plus tout son chemin personnel, lettre pour lettre ce qui est dans la toute première #Image ci dessus ? Y compris les espaces et autres... Et puis ... "Return" ? Sauf si vous avez envie de sauter de morceau en morceau car pas confiance en votre frappe ? Mais vous ne risquez RIEN, sauf de "faire du sur place" si il y a une seule erreur...




Et RE zou, "téléportation" directe dans le Tiroir de l'Etagère du Placard dans la Chambre de l'Appartement de l'Immeuble situé dans le ville E... MAIS SI, vous pouvez RECOMPTER chaque contenant, il y en BIEN six, comme dans mon chemin, hi hi hi !

Etant bien dans le bon endroit, le chemin étant LISIBLE au complet avant le #Prompt, taper simplement "ren *.jpg *-2.jpg" puis ... "Return" ? Enfin, "Enter" si vous préférez...




Alors explication :

- * est un Joker qui veut dire TOUT !

- "ren" est une fonction du #DOS (Disk Operating System), raccourci de "rename", qui veut dire renommer.

Donc nous renommons TOUT ce que l'#Ordinateur trouve (Dans le tiroir...) ayant pour extension .jpg en TOUT auquel nous ajoutons -2 !

Et qu'il y ait un #Fichier ou un Million, à l'appui sur la touche, c'est fait !
D'ailleurs il suffit de taper "dir" puis "Return", ce qui veut dire affiche moi tout ce qu'il y a dans le "tiroir", et HOP, ça se voit de suite ?

Et si le #Moniteur n'est pas assez grand, il suffit de taper "dir /p", ou ... afficher par page ?




Et n'importe quelle touche pour une page suivante, sinon "Ctrl + C" pour arrêter !
Enfin, pour sortir de cet #Fenêtre, juste taper "exit", comme sur les sorties de secours, puis ? "Enter" pour valider !

A noter aussi... Les deux premiers "bouts" de texte commençant par "<REP>" sont le #Répertoire courant, celui ayant UN point, celui ayant deux points le "Parent", donc l' "Etagère" dans notre cas ? Vous comprenez pourquoi taper "cd .." vous fait "reculer" ?
Ça y est Quoi ?, ça commence C'est QUI LE Chef ? à rentrer RAS l'bol ! ! !, les ATTENTION ! "chemins relatifs" Hein ? QUOI ? ?


Et voilà le résultat dans votre #Gestionnaire de #Fichiers habituel ?



Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?


Et rendu à ce point, "Ctrl + A" pour tout sélectionner, et glisser le total dans votre #Logiciel pour tout redimensionner de façon automatique, un grand classique quoi ?
Ceci fait, regrouper enfin les #Images initiales avec les nouvelles, ces dernières n'ayant pas tout à fait le même #Nom ? NI le même poids d'ailleurs !


Bref, voilà une #Astuce que j'utilise depuis des années, suite aux #Sites sur #Minitel, et dans tous les Sites #E-Commerce, et donc comme vous l'avez déjà fort probablement remarqué, avec des compléments genre -R, -L, -N, -G etc. ?

Ce qui permet d'avoir toutes ses #Images dédiées au même sujet accessibles par le même /Chemin, donc #Publication ultra rapide du total à chaque fois, et PAS de modifications des /Chemins NI des #Noms dans chaque Version de #Site...


Bien cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« Répondre #3 le: Mer. 15 Mars 2017 à 19:20:59 »

Entre autre, une fois les #Images initiales copiées dans le /Répertoire temporaire, penser à les rapatrier au bon endroit, celui d'origine (Cf. Image ci dessous ?) !




Cliquer sur l'Image ci dessus pour l'ouvrir en GRAND dans une nouvelle Fenêtre
?

Et bien évidemment penser à supprimer ledit /Répertoire temporaire ?

Car dans la dernière #Image ci dessus sous #DOS, donc avant le dernier "Prompt", tout en bas figure le /Répertoire temporaire "tmp", question d'ordre alphabétique LOGIQUE !

Vu "depuis un HD", Disque Dur, les  /Répertoire ne sont pas des boites ou autres, mais tout simplement un #Nom de #Fichier que nous ne pouvons ni remplir ni quoi que ce soit comme les #Fichiers que vous connaissez, mais un #Nom qui viendra se positionner AVANT le(s) vrai(s) #Fichier(s) tel(s) que vous connaissez dans son chemin d'accès...

Et la commande "[cd un chemin" vient tout simplement de l'expression "check directory" ou "fais l'inventaire de ce \Répertoire" ?

En fait, il suffit de parler un peu #Anglais pour apprendre de suite les commandes de base du #DOS ? Sans JAMAIS OUBLIER que LA commande DANGEREUSE se nomme "del", raccourci de "delete" (Qui fonctionne AUSSI !) et veut dire supprimer...

Et, pour information, cette commande ne détruit rien, mais se content de renommer ce qui lui est demandé en supprimant le premier caractère pour le remplacer par le Joker ?, tout simplement !
Ainsi en supprimant /tmp, il est renommé /?mp, et le chemin des #Fichiers qui était dedans devient incompréhensible, donc ils sont "perdus",  soit dits effacés ?
Donc tant que PAS UN Octet n'est écrit sur ce Disque, RIEN n'est perdu ! Il suffira pour sait atteindre la #Fat (Files Allocations Table) d'aller redonner un caractère autorisé à tous les ? trouvés ?


Voilà voilà, vous saurez bientôt tout en ce qui concerne le fonctionnement d'un PC ?


Cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
Tags: Image: Format Image: Dimensions, Image: Poids 
Pages: [1]   Haut de page
  Imprimer  
 
Aller à:  

Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.20 | SMF © 2013, Simple Machines
Soutenir Yvanoph par un Don ?
Boréal - V 1.0 by Yvanoph | Sitemap
XHTML 1.0 Transitionnel valide ! CSS valide !
Page générée en 0.106 secondes avec 21 requêtes.