nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Comprimeren en optimaliseren van afbeeldingen tot 90% met Compressor.io

In het verleden hebben we tal van optimalisatietips voor afbeeldingen voor webontwerpers besproken. Maar er komen steeds nieuwe gereedschappen op de markt en Compressor is een van de beste.

Het is een gratis web-app die een willekeurig aantal afbeeldingen (minder dan 10 MB) kan nemen en hun bestandsgrootte kan optimaliseren zonder kwaliteitsverlies . Wanneer u afbeeldingen in Photoshop exporteert, ziet u meestal artefacten als u de exportkwaliteit drastisch verlaagt.

Maar met Compressor zult u geen artefacten vinden, zelfs als uw afbeeldingen een bestandsgrootte van 20% tot 50% of meer kunnen hebben .

Op dit moment draait het project volledig in de browser, maar in de toekomst kan het worden geleverd met een downloadbaar programma. Het ondersteunt vier afbeeldingsindelingen :

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

Merk op dat al deze formaten op internet kunnen worden uitgevoerd, dus het is de perfecte tool voor webontwerpers die de grootte van HTTP-verzoeken willen verminderen . Afbeeldingen zijn meestal de grootste knelpunten voor site-optimalisatie en dat is waar Compressor kan helpen.

Ga om te beginnen naar de pagina "Uploaden" of klik op de knop "Probeer het!" Op de startpagina. Dit brengt u naar een nieuw scherm waar u kunt kiezen tussen "lossy" of "lossless" voordat u uw bestand uploadt.

Deze twee opties bepalen of de oorspronkelijke gegevens van de afbeelding kunnen worden hersteld door ze op een later tijdstip te decomprimeren. Lossless-compressie verkleint de bestandsgrootte terwijl originele gegevens intact en toegankelijk blijven door de gegevens later te decomprimeren.

Meestal gebruiken mensen deze termen bij het bespreken van MP3's of audiocompressie. Maar het is ook van toepassing op alle compressie, afbeeldingen.

Als je niet veel geeft om de extra gegevens, is de compressie met verlies correct.

Klik nu op het veld "Upload" en selecteer een afbeelding op uw computer. Alle gegevensverwerking vindt plaats op de server en zodra deze is voltooid, ziet u een nette vergelijkingsschuifregelaar om het origineel tegen de gecomprimeerde versie te bestuderen.

Sommige afbeeldingen zien geen verschil in bestandsgrootte. Bij anderen kan de bestandsgrootte van 15% tot 20% afnemen, terwijl bij anderen een daling van 50% of meer kan optreden.

Compressor gebruikt een aantal gratis open source-programma's zoals OptiPNG, JpegOptim en Scour (onder andere). Het is dus moeilijk om precies te zeggen hoe dit proces werkt, maar ik kan wel zeggen dat het goed werkt.

Zodra de compressie is voltooid, kunt u het nieuwe bestand downloaden of opslaan in cloud-accounts zoals Dropbox of Google Drive.

20 stijlvolle waterbestendige horloges voor de zomer

20 stijlvolle waterbestendige horloges voor de zomer

Terwijl de techwereld dol is op smartwatches (2014 lijkt het jaar te worden voor smartwatches), krijgen veel niet-zo-slimme horloges een upgrade in design en stijl. Als u op zoek bent naar een horloge om precies te doen wat horloges het beste doen, terwijl u nog steeds in staat bent om de spatten in de zomer uit te wrijven, dan is deze post zeker iets voor u

(Technische en ontwerptips)

Geavanceerde checkbox-styling met CSS-raster

Geavanceerde checkbox-styling met CSS-raster

De CSS Grid Layout Module kan niet alleen een mammoet van een lay-outprobleem oplossen, maar ook enkele goede oude mulische problemen waar we al lang mee te maken hebben, zoals het stylen van een checkboxlabel .Hoewel er een relatief eenvoudige methode is om het label te stijlen wanneer het na het selectievakje wordt weergegeven, is het niet zo eenvoudig wanneer het label ervoor verschijnt

(Technische en ontwerptips)