Casser le code JPEG

En tant que designer, je suis toujours à la recherche de moyens de briser le moule et de m'éloigner des règles du design. Animé par une passion pour la période Dada et une fascination pour l’élément du hasard, je vais vous montrer un moyen non seulement de briser les règles, mais aussi de casser le code d’une image.

Dans ce didacticiel, nous allons nous concentrer sur la façon de déconstruire une image dans sa forme la plus élémentaire, avant de casser cette forme et de la réparer à nouveau. La façon dont nous procédons est très inspirée par l’élément du hasard, nous ne saurons donc pas à quoi ressemblera l’image finale tant que le processus n’aura pas été terminé. Après avoir appris les compétences abordées ici, vous serez en mesure de vous libérer des limites fixées par la conception et la technologie, rendant votre travail vraiment gratuit et sans limites.

01 Copiez d'abord une image sur votre bureau et commencez par modifier le type de fichier. Cliquez simplement sur Renommer et remplacez le .webp par .txt - lorsque la boîte de dialogue apparaît, sélectionnez Utiliser .txt. Pour de meilleurs résultats, utilisez des fichiers compressés plus petits ou téléchargés sur Internet.

02 Ouvrez le fichier .txt avec TextEdit ou un autre traitement de texte. Vous remarquerez qu’il existe une vaste gamme de codes et de chiffres, mais ne vous inquiétez pas. Tout comme HTML, la section supérieure du code indique à l'image ce qu'il faut faire lorsqu'elle est ouverte, nous allons donc laisser cela seul pour le moment. Faites défiler environ 1 / 8ème de la manière vers le bas jusqu'à ce que vous voyiez une zone comme celle mise en évidence ci-dessus.

03 Ensuite, vous devez simplement mettre en évidence une section de code et la couper du document. Quelle que soit votre taille, cela dépend de vous: la règle simple est que plus vous mettez de code en surbrillance, plus la zone de distorsion est grande dans l'image finale. Il en va de même pour les sections en surbrillance plus petites, produisant des zones de distorsion plus petites.

04 Une fois que vous avez coupé une section de code, faites défiler le document et collez-le à un endroit aléatoire. Plus vous vous éloignez de la sélection d'origine, plus l'écart sera grand entre chaque élément déformé de l'image finale.

05 Sélectionnez une autre section de code dans le document. Cette fois, nous allons copier cette pièce pour voir en quoi elle diffère de la sélection de coupe que nous avons faite à l'étape précédente.

06 Encore une fois, faites défiler le code plus bas et collez le texte dans le document. Continuez à répéter ces étapes tout en bas jusqu'à ce que vous atteigniez le 1/8 inférieur du document. La chose clé à garder à l'esprit tout en faisant cela est que chaque sélection fait partie de l'image, et en la copiant et en la collant ailleurs, vous déplacez simplement la sélection vers un nouvel endroit dans l'image d'origine.

07 Une fois que vous avez terminé, enregistrez le document et revenez sur le bureau. Encore une fois, comme dans la première étape, nous devons redéfinir l'extension de fichier en .webp. Sélectionnez simplement Renommer et remplacez le fichier par .webp. Vous aurez maintenant à nouveau votre image - mais cette fois, elle est déformée. (Sinon, vous avez peut-être cassé le code supérieur. Pour être sûr, commencez par tester le code au milieu du document.)