hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Compresser et optimiser les images jusqu'à 90% avec Compressor.io

Dans le passé, nous avons couvert de nombreux conseils d'optimisation d'image pour les concepteurs de sites Web. Mais de nouveaux outils apparaissent tout le temps et Compressor est l'un des meilleurs.

C'est une application web gratuite qui peut prendre n'importe quel nombre d'images (moins de 10 Mo) et optimiser la taille de son fichier sans perte de qualité . En règle générale, lors de l'exportation d'images dans Photoshop, vous remarquerez des artefacts si vous réduisez considérablement la qualité d'exportation.

Mais avec Compressor, vous ne trouverez aucun artefact, même si vos images peuvent avoir des tailles de fichier réduites de 20% à 50% ou plus .

À l'heure actuelle, le projet fonctionne entièrement dans le navigateur, mais il peut venir avec un programme téléchargeable à l'avenir. Il prend en charge quatre formats d'image :

  1. JPEG
  2. PNG
  3. GIF
  4. SVG

Notez que tous ces formats peuvent fonctionner sur le Web, c'est donc l'outil parfait pour les concepteurs de sites Web qui veulent réduire la taille des requêtes HTTP . Les images sont généralement les plus gros goulets d'étranglement pour l'optimisation du site et c'est là que Compressor peut vous aider.

Pour commencer, il suffit de visiter la page "Télécharger" ou cliquez sur le bouton "Essayez-le!" Sur la page d'accueil. Cela vous amène à un nouvel écran où vous pouvez choisir entre "lossy" ou "lossless" avant de télécharger votre fichier.

Ces deux options définissent si les données d'origine de l'image peuvent être récupérées en décompressant à une date ultérieure. La compression sans perte réduit la taille du fichier tout en conservant les données d'origine intactes et accessibles en décompressant les données ultérieurement.

Habituellement, les gens utilisent ces termes lorsqu'ils discutent des MP3 ou de la compression audio. Mais cela s'applique aussi à toutes les images de compression .

Si vous ne vous souciez pas beaucoup des données supplémentaires, la compression Lossy est correcte.

Maintenant, cliquez sur le "Upload" et sélectionnez une image de votre ordinateur. Tout le traitement des données est fait sur le serveur et une fois terminé, vous verrez un curseur de comparaison soignée pour étudier l'original par rapport à la version compressée.

Certaines images peuvent ne voir aucune différence dans la taille du fichier. D'autres peuvent voir une diminution de la taille du fichier de 15% à 20%, tandis que d'autres peuvent voir une diminution de 50% ou plus .

Compressor utilise un certain nombre de programmes open source gratuits tels que OptiPNG, JpegOptim et Scour (entre autres). Il est donc difficile de dire exactement comment ce processus fonctionne, mais je peux dire que cela fonctionne bien.

Une fois la compression terminée, vous pouvez soit télécharger le nouveau fichier, soit l' enregistrer dans des comptes cloud tels que Dropbox ou Google Drive.

Cette application vous permet de numériser et de visionner des films analogiques sur les smartphones

Cette application vous permet de numériser et de visionner des films analogiques sur les smartphones

Alors que la photographie moderne est dominée par les appareils photo numériques, il devient de plus en plus difficile de trouver un endroit où les gens savent comment développer le film old school. Abe Fettig estime que la technologie a la solution à ce problème particulier, c'est pourquoi il a lancé un projet Kickstarter pour une application appelée FilmLab .Dévelop

(Conseils techniques et de conception)

Synchroniser les diapositives de présentation Web avec Impress.js et Impressr [Quicktip]

Synchroniser les diapositives de présentation Web avec Impress.js et Impressr [Quicktip]

J'ai donné des conférences sur le développement Web et WordPress dans quelques universités et écoles, et un problème courant auquel je suis confronté lors d'une présentation est que le public à l'arrière de la foule peut difficilement voir mes diapositives. J'y ai réfléchi: comment est-ce que je peux clarifier les diapositives de la présentation, tout en gardant le conférencier et les participants sur la même page?J'ai trouv

(Conseils techniques et de conception)