Bonjour les fans de Clockology ! L'optimisation de vos ressources d'image est essentielle pour garantir que vos créations se chargent rapidement, fonctionnent sans problème et ont un aspect fantastique !
Notez le ROUGE bordure d'avertissement lorsque votre conception dépasse les limites de taille de fichier recommandées et peut ne pas fonctionner efficacement.
Des conseils sont fournis dans l'application pour vous aider à réduire la taille des fichiers.
Voici quelques conseils pratiques pour vous aider à obtenir les meilleures performances lors de la création de vos conceptions :
1. Choisissez le bon format de fichier
Il est essentiel de sélectionner le format de fichier approprié :
PNG : idéal pour les images avec transparence, telles que les aiguilles de montre importées.
JPEG : Idéal pour les images détaillées sans transparence.
2. Redimensionnez vos images
Assurez-vous que vos images sont redimensionnées aux dimensions exactes nécessaires à votre conception. Cela permet de réduire la taille du fichier et d'améliorer les temps de chargement. Des outils comme Adobe Photoshop, GIMP ou Canva peuvent vous aider à redimensionner.
3. Compresser les images
La compression d'images volumineuses ou à haute résolution réduit la taille de leur fichier sans compromettre la qualité. Pensez à utiliser :
TinyPNG : compresse efficacement les images PNG et JPEG.
ImageOptim : une application Mac qui compresse les images tout en préservant la qualité.
4. Utilisez des conventions de dénomination appropriées
Nommez vos fichiers image de manière descriptive et utilisez des mots-clés pertinents. Cela vous aide à organiser vos ressources et améliore la recherche dans vos créations.
5. Auditer et nettoyer régulièrement
Vérifiez régulièrement vos ressources d'image pour supprimer celles qui ne sont pas nécessaires ou qui ne sont plus utilisées. Cela permet de conserver une conception légère et efficace.
6. Conseils pour réduire la taille des fichiers de la couche d'actifs
Réduire la résolution du fichier :
Pourquoi : les images à haute résolution ont des tailles de fichier plus grandes, ce qui peut ralentir vos conceptions.
Comment faire : Par exemple, au lieu d'utiliser une image de 2 000 px de large, redimensionnez-la à 800 px de large si cela est suffisant pour vos besoins. Vous pouvez le faire à l'aide d'outils de retouche d'image comme Photoshop, GIMP ou d'outils en ligne comme Canva.
Exemple : si votre conception nécessite que votre image soit affichée dans une largeur de 400 px, il n'est pas nécessaire de télécharger une image de 2 000 px de large. Le redimensionnement à 800 px de large offrira toujours une bonne qualité tout en réduisant la taille du fichier.
Utilisez le format JPEG lorsque la transparence n’est pas nécessaire :
Pourquoi : les fichiers JPEG sont généralement plus petits que les fichiers PNG car ils ne prennent pas en charge la transparence et utilisent une compression avec perte.
Comment : Convertissez les images PNG en JPEG si elles ne nécessitent pas de transparence. La plupart des outils de retouche d'images vous permettent d'enregistrer ou d'exporter des images dans différents formats.
Exemple : si vous avez une image d’arrière-plan sans zones transparentes, enregistrez-la au format JPEG pour réduire la taille du fichier.

Notez la différence de taille de fichier lorsque l'option Conserver la transparence est activée lors de l'utilisation d'une image JPEG solide.
N'activez pas la préservation de la transparence à moins que cela ne soit nécessaire :
Pourquoi : préserver la transparence peut augmenter la taille du fichier, surtout si la transparence n'est pas nécessaire à l'objectif de l'image.
Comment : lors de l'importation de votre image, vérifiez les paramètres pour vous assurer que la préservation de la transparence n'est activée que lorsque cela est nécessaire.
Exemple : si une image doit être affichée avec un arrière-plan transparent (par exemple, les aiguilles des heures, des minutes et des secondes), veillez à activer l'option de préservation de la transparence. Pour les images avec un arrière-plan uni, désactivez l'option de préservation de la transparence pour économiser de l'espace.
Combinez plusieurs couches en une seule lorsque cela est possible :
Pourquoi : plusieurs calques peuvent augmenter la taille globale du fichier d’une conception.
Comment : fusionnez les calques dans votre logiciel de retouche d'image avant d'enregistrer l'image finale. Cela réduit la complexité et la taille du fichier.
Exemple : si vous avez une conception de cadran de montre avec des calques séparés pour l'arrière-plan, les ombres et les chiffres, envisagez de les fusionner en un seul calque s'ils n'ont pas besoin d'être séparés et ne sont pas des images animées.
Redimensionner les vidéos pour les adapter à l’écran :
Pourquoi : les vidéos plus volumineuses que nécessaire peuvent occuper beaucoup d'espace de stockage et ralentir le temps de chargement et le fonctionnement de vos conceptions.
Comment : redimensionnez vos vidéos à la taille maximale recommandée de 360p. Utilisez un logiciel de montage vidéo, l'application Photos ou iMovie pour ajuster la résolution.
Exemple : si vous avez une vidéo de 1 080 p mais qu'elle s'affiche dans une petite fenêtre au sein de votre conception, redimensionnez-la à 360 p pour économiser de l'espace et améliorer les performances.


