Un projet de A à Z avec SYMFONY 5 - Épisode 12 : Optimisation de nos images avec LiipImagineBundle

[@cyraile]

Merci pour cette vidéo... et vivement la semaine prochaine.

[@yoandevco]

Merci à toi Cyril !

[@romain-mad]

Super cette vidéo sur LiipImagine, c'est exactement ce que je cherchais pour mon projet, merci beaucoup Yoan ! Du coup je suis en train de l'adapter pour faire de l'optimisation des images directement dans un Controller (via un service).

[@yoandevco]

Merci ! Au top si ça peut servir 👌

[@damienlambert1077]

je continue à coder le projet en même temps que toi et c'st vraiment super j'apprends pas mal de petites astuces qui me servent dans mon travail, merci pour tout

[@yoandevco]

Amuse toi bien 👍

[@dubistarchannel3426]

Bonjour, sympa ta série de vidéo, le concept de montrer tout l'environnement (trello, git etc...) me montre pleins de tips bien cool, merci ! Cet vidéo tombe a pic pour un projet au taf, nickel. 👌👍

[@yoandevco]

Trop cool!

[@fra0668]

Je vais à mon tour tester tout ça 😉 Merci Yoan pour cette vidéo à samedi prochain 👋

[@yoandevco]

Merci à toi 👍

[@ziat1988]

Salut Yoan. Il y a le Symfony Ux image qui sert à optimize aussi. J'aime bien avoir ton opinion pour celui ci aussi

[@mats9654]

Merci yoann tres bonnes explications

[@yoandevco]

Merci bien

[@mathieuregnier2262]

vidéo tjrs au top

[@yoandevco]

Merci !

[@naimelmaftouhi2120]

Super Yoan tes vidéos. C'est toujours un plaisir de te suivre. J'aurais une petite question concernant cette feature. Un dossier media est créé ou tous nos filtres sont stockés. Imaginons que l'on veuille modifier une image (Par exemple depuis l'admin), ma question est la suivante, est ce que dans le dossier media l'ancienne image sera toujours présente ? Si oui, pour optimiser cela, y aurait t il un moyen de supprimer dans ce dossier media l'ancienne image ? Merci encore. :)

[@agamemnon-Fr]

Merci !

[@hbx380]

Super vidéo merci pour ce tuto, si je veux mettre plusieurs taille est-ce que je dois les mettres en dessous l'attribut thumbnail dans config/packages/liip_imagine.yaml ? Comme ça : thumbnail: size: [600, 330] size: [320, 240] Je voulais savoir aussi si on peut avec ce bundle lorsque que l'on upload une image modifier sa taille dans le controller par exemple avant de l'envoyer dans mon dossier public/images dans Symfony.

[@JulienSCHERMANN]

Super, comme d'hab' ;)

[@yoandevco]

Merci Julien 😃

[@efegfg]

Bonjour Yoan, merci pour ton travail ! J'ai un questionnement : Mon front est géré par VueJS, le system de filter que tu appels dans twig tombe à l'eau pour moi vu que je passe par des components qui interprèterons du vuejs pour les différentes pages... comment je peux avoir le même rendu d'optimisation ? je stock 3 images de différentes résolutions en back et je les affiches selon la device mobile ou desktop dans vuejs ou exist-il un moyen clef en main pour ce genre de choses récurrentes ?

[@m.m2482]

Salut merci je connaissait pas ce bundle ça va bien m'aider, sinon tu le sait peut être mais les fichiers jpg tu devrais les convertir en webp, ça enleve quasiment 30% du poids de l'image

[@LiorCHAMLA]

FIRST !

[@yoandevco]

Merci BG

[@benmaouiatakoua1437]

@@yoandevco je suis abonnée à vous deux merci pour vos efforts

[@aosow]

Super tuto. Je rencontre un soucis avec le bundle. J’ai créé mes filtres mais il ne me rend qu’un certain nombre de fichier, je l’utilise avec docker et nginx

[@onurozogul9825]

Bonjour Yoan, je sais que ca fait un bon bout de temps mais j'ai un soucis et j'ai trouvé aucune solution sur Internet. Je suis sur un projet en Symfony 5.4 et j'ai cette erreur lorsque j'utilise liip_imagine An exception has been thrown during the rendering of a template ("Unable to generate a URL for the named route "liip_imagine_filter" as such route does not exist."). Peux tu m'aider stp ? Merci a toi pour tes videos en tout cas

[@asenarlunin]

liip_imagine ça à l'air chouette ! Dans un vieux projet y'a 10 ans j'avais du coder tout ça moi même (je me souvient d'avoir du faire un tableau de «config images» très similaire à liip_imagine.yaml et c'était assez galère). Tiens, pour la limitation du poids des images, il faudrait rajouter l'attribut HTML qui va bien pour prévenir l'utilisateur (sans message d'erreur ni rien il va devoir appeler le support sinon :p ). Je vais pinailler un peu, mais c'est plus pour info : Niveau lisibilité du code (pour la vidéo ou si on travaille à plusieurs), il vaut mieux couper les lignes trop longues (dans la pipeline il y a des outils comme phpcs qui peut analyser ça pour le php, et pour les fichiers twig il y a probablement un truc similaire aussi

[@yoandevco]

Mon reviewer en chef est dans la place 🔥 Je pense qu'il y aura une vidéo (ou en tout cas j'en parlerai car pas sûr d'inclure ça dans une vidéo) pour aborder le contrôle des champs/uploads etc ... Pour la longueur des lignes, tu as raison, j'ai un phpcs et un twig lint qui tourne dans la CI. Merci encore pour tes commentaires hyper constructif, c'est très cool !

[@asenarlunin]

​@@yoandevco «reviewer» en chef, je sais pas hein ^^ J'apprends des choses dans tes vidéos, du coup quand j'ai vaguement des trucs qui peuvent apporter un plus je partage un peu à mon tour :) Vivement le live coding :p

[@yoandevco]

🤣 Pour le live coding, pas vraiment compatible avec mon rythme de travail/famille 😋

[@asenarlunin]

​ @Gaz GAz ( www.php.net/manual/fr/features.file-upload.post-method.php ) En fait c'est pas un attribut mais un champ hidden, par exemple `` (la valeur est en octets). Quand il y a ce champ, le navigateur informe l'utilisateur que le fichier est trop gros. Et donc le formulaire ne s'envoie pas si on essaye d'envoyer un fichier qui dépasse la valeur dans le champ hidden. C'est pas suffisant et il faut bien sur faire un check coté serveur (ça arrive dans un $_POST, donc c'est pas safe, et ). Et évidemment ça ne change pas la configuration du serveur hein^^. Si on veut modifier ça faut changer la config direcetement avec `ini_set`

[@asenarlunin]

​@@bloodangel787878 Rien n'empêche d'utiliser du javascript aussi. Perso je pense toujours à «Et si le javascript plante? Comment avoir une version «dégradée» mais pas trop dysfonctionnelle ? + sans oublier que je pense que ça aide coté accessibilité (ne serait-ce que parce que le javascript n'est pas tout le temps disponible)

[@aymenbensalem9433]

Comment je peux appliquer le filtre sur les images de la page liste des peintures dans le backoffice ?

[@skygrace4300]

Top

[@florentregisyoude3006]

Bonne vidéo, mais besoin de vidéo pour impression des états PDF en symfony 5. Je suis debutant

[@yoandevco]

Merci. C'est pas prévu d'aborder ce sujet dans ce projet, mais plus tard pourquoi pas !

[@dubistarchannel3426]

Il y a un bundle Html2pdf il me semble

[@Bobbyscoto]

Bonjour, je suis le seul a avoir un probleme avec le repertoire media / cache ? A partir du moment ou j'insere le filtre liip il pointe bien vers le dossier public/media/cache.....Cependant il n'est pas créé, est ce que quelqu'un à eu le meme souci ?

[@CetarkFr]

J'ai le même problème

[@jonBw1]

idem, as tu trouvé la solution ?

[@sebastiensansbelle]

Pourquoi archiver plutôt que supprimer les (cartes) fonctions que finalement tu ne penses pas développer (newsletter) ?

[@yoandevco]

Pourquoi pas ;-)

[@sims-cha]

Hello, ta série est passionnante et super bien pensée. Malheureusement sur Symfony 5.4 ,je ne suis pas arrivé à obtenir de résultat c'est super frustrant j'y ai passé des jours et des jours et le dossier de cache ne se crée pas dans le dossier public, j'ai essayé de lire toutes les docs possibles et imaginables mais rien. Dès que j'applique le filtre forcément l'image n'est plus trouvée parce que le dossier n'existe pas c'est ultra décevant :( sinon tes videos sont au top. Merci pour le partage. J'ai ce message sans cesse et toujours :( snif alors que quand tu le fais ça a l'air tellement facile... The requested resource /media/cache/resolve/my_thumb_filter/images/upload/150x150-620a896495aa1.jpg was not found on this server

[@sims-cha]

Pour ceux qui liraient ce com : la solution était très simple : symfony server:start et voilà le 'petit' serveur php que j'utilisais ne savait pas gérer ça...tout va bien :) de l'eau à coulé sous les ponts depuis....

[@webdev723]

.

[@yoandevco]

2x "." ;-)