Save For Web betere JPEG-compressie met Adobe Photoshop

Save For Web is een handige functie van latere edities van Adobe Photoshop dat stelt ons in staat om op een betere manier compromissen te sluiten met grootte en kwaliteit om een ​​fatsoenlijke uitstraling te behouden JPEG, PNG of GIF. Het doet dit door de kwaliteit te verminderen en onnodige metadata weg te halen. Deze tutorial concentreert zich specifiek op JPEG en zal je helpen te begrijpen hoe Save For Web werkt zodat u het beste resultaat voor uw behoeften kunt krijgen.

1. Save For Web Basics

Begin met je foto. Het goede van Save For Web is dat u geen wijzigingen aanbrengt in uw origineel, dit wordt opgeslagen als een nieuw bestand; je hoeft het nog niet op de juiste maat te hebben.

Druk op Bestand> Opslaan voor internet

Raken Bestand> Opslaan voor web (Controle-Alt-Shift-S)

Opslaan voor web-formaat en -formaat

Dit is wat u zou moeten zien. We gaan naar twee dingen kijken: het formaat en dan de grootte. Waar je dit ook verandert, het zal je origineel niet veranderen dus maak je daar geen zorgen over. Ik ga dit veranderen naar 1000px zodat we gewoon kunnen zien wat we aan het doen zijn. Je werkt mogelijk met veel kleinere formaten voor internet, en dat is goed. Als u klikt 2-Up bovenaan ziet u uw origineel aan de linkerkant en wat is uw kleinere Save For Web bestand, aan de rechterkant.

Met 2 per vel kunt u uw origineel vergelijken met uw gecomprimeerde foto

Je ziet al een verschil in de blauwe lucht en, als je het over kleuren hebt, als je aanvinkt sRGB dan weet je dat je kleuren nauwkeurig worden weergegeven, zoals ze op het net te zien zijn. 

Je zult merken dat er een sectie voor is Kwaliteit die is ingesteld op bicubic standaard. Dit is over het algemeen de beste selectie omdat het meer pixels sampled dan de andere, maar u zult merken dat er drie opties zijn: Bicubisch, Bicubisch scherper en Bicubic Smoother. Volgens Adobe, Bicubisch scherper geeft u betere resultaten bij het verkleinen van de afbeeldingsgrootte, maar als u niet zeker bent,bicubic komt wel goed.

Onder Voorbeeld, opnieuw zijn er verschillende opties en Monitor is de standaard. Dat is eigenlijk zoals u het ziet, zonder compensaties of aanpassingen aan het gamma. U kunt door de andere bladeren om te zien hoe mensen met andere monitors uw foto kunnen zien en dienovereenkomstig aanpassingen kunnen maken.

2. Balance JPEG-kwaliteit en bestandsgrootte

Dat merk je naast 2-Up is 4-Up. Dit kan ons echt helpen bij het vergelijken van kwaliteitssamples

Een vergelijking van het origineel en drie kopieën, in verschillende mate gecomprimeerd

Dit toont het origineel in de linkerbovenhoek (1.83MB), Maximale kwaliteit in de rechterbovenhoek (696.3kb), Van hoge kwaliteit linksonder (150.1kb) en Gemiddelde kwaliteit rechtsonder (101.2kb). Het hebben van geoptimaliseerde aangevinkt, verkleint ook de bestandsgrootte.

Het kan moeilijk zijn om verschillen op deze grootte te onderscheiden, dus hier is een uitsplitsing van elke belangrijke fase van kwaliteit:

Save For Web-compressievergelijking in elke belangrijke fase

Zelfs van hoog je kunt wat minder gecomprimeerde artefactproblemen zien rond de rand van de lepel, hoewel het niet al te slecht is. Tegen de tijd dat je aankomt Medium u kunt echter zien dat deze de kwaliteit echt begint te verliezen. Het is vermeldenswaard dat je in kleinere fases kunt gaan dan de presets door het nummer rechts van te veranderen Kwaliteit. Dit betekent dat u zo dicht mogelijk bij uw vereiste bestandsgrootte kunt komen terwijl u de vervorming van uw afbeelding in de gaten houdt.

3. Voorbeeld in een browser en opslaan

Voorbeeld van uw afbeelding in een webbrowser

Als je eenmaal gelukkig bent, kun je slaan Voorbeeld in de linkerbenedenhoek en het opent het in een webbrowser zodat je kunt zien hoe het eruit ziet. Als u klaar bent, klikt u op Opslaan en het geeft je de mogelijkheid om je bestand te hernoemen, en ook handige streepjes in de spaties voor jou te plaatsen.

Conclusie

Afbeeldingen opslaan voor internet is een compromis. U wilt dat uw afbeelding snel laadt, niet te veel ruimte in beslag neemt (dit is met name een overweging voor websites van derden zoals Facebook en Twitter die gewoonweg geen grote formaten toestaan) en er toch geweldig uitzien. Met Save For Web je kunt een afbeelding veel nauwkeuriger afstemmen op het web dan voorheen, en dat compromis zorgvuldig afstemmen tussen compressie / grootte en kwaliteit. Maak het goed, en je bent een stap voor op het spel voor iedereen die nog steeds afbeeldingen van volledige grootte in zijn websites, profielen en portfolio's gooit en de software laat raden.

Save For Web in the Wild