Comment animer une image PNG pour une bannière

Le PNG est juste génial, c’est un format d’image libre proposant des fonctionnalités intéressantes comme la transparence, la translucidité, tout ce que propose GIF et même en mieux.

Dans ce tutoriel, je vais aborder les animations des images PNG dans le but de préparer la bannière animée d’un site Web.

Préparation : toutes vos images doivent logiquement disposer de la même dimension pour cela il faut les redimensionner ou les recadrer.

Lorsque c’est fait, rendez-vous sur le site AnimatedPNGs.com cliquez sur Parcourir et transférez vos images. Le delay est fixé à 64ms, il s’agit du temps d’affichage de chaque image. Ce délai est réservé au mini-animation, pour une bannière chaque image doit être affichée quelques secondes, on indiquera un multiple de 1000 par exemple 4000.

2018-03-09_10h18_21

Le délai peut être paramétré différemment pour chaque image :

2018-03-09_10h20_46

Enfin cliquez sur Create Generated Image puis sur Download.

Animatedpng propose d’autres services, la conversion de flash en PNG, de GIF en PNG.

Le code source est visible sur Github : https://github.com/GraFlic/GraFlic

 

 

 

Publicités

Changer l’icône d’une clé ou d’un disque dans l’explorateur de fichiers

C’est une personnalisation qui peut être très sympathique et éventuellement faire son effet auprès de votre entourage, personnaliser l’icône et le nom d’un lecteur dans l’explorateur Windows comme pour le lecteur Fred USB key :

image

Première étape : trouver une image dans le format ICO, au plus simple, faites un petit tour sur http://www.iconarchive.com et par exemple sélectionnez cet ensemble d’icônes libres et proposées dans les deux formats ICO et PNG.

image

D’autres collections sont dispos mais toutes ne sont pas au format ICO, le plus souvent au format PNG ce qui n’est pas dramatique, grâce au logiciel Photofiltre il est très simple de faire la conversion. Je vous recommande de choisir une icône de bonne taille 256×256, une définition plus petite sera mal affichée dans certains modes d’affichage de l’explorateur.

Seconde étape : créer un dossier icone à la racine de la clé ou du disque, copiez-y l’icône précédemment récupérée.

Troisième et dernière étape : le script qui sera interprété par l’explorateur afin d’afficher la nouvelle icone à la place de celle d’origine.

Ouvrez le Bloc-notes ou tout éditeur de texte – pour les débutants, le Bloc-notes se trouve dans les accessoires – et collez ces commandes :

[autorun]
icon="\icone\mon-icone.ico"
label=Fred USB key

Remplacez les paramètres selon les cas : nom du dossier,  le nom de l’icône et le nom de l’étiquette après label.

Enregistrer votre fichier texte à la racine du lecteur, commencez par changer le type de fichier “Tous les fichiers” :

image

Puis saisissez le nom du fichier de configuration et ok :

image

Il ne reste plus qu’à déconnecter et reconnecter le lecteur.

Source : moi-même…