Photoshop-tutoriaal: beelde vir webgebruik optimaliseer

web-beeld-optimalisering

Afhangend van die doel van ons foto's sal een of ander behandeling benodig. Dit is nie dieselfde om 'n foto op te stel wat gedruk word, op 'n digitale projektor vertoon word of op 'n webblad verskyn nie. Elke medium het verskillende tekorte, eienskappe of behoeftes. Om hierdie rede is dit nodig dat ons veral aandag gee aan hierdie tipe aspekte, anders kan ons die kwaliteit van ons komposisies indirek verlaag en sonder om dit te weet.

In hierdie geval sal ons in die volgende tutoriaal die instellings sien wat Adobe Photoshop ons bied om ons beelde so te stoor dat dit optimaal behandel kan word om op webblaaie en op die internet weergegee te word. Op hierdie manier ons sal probeer om die goedkoopste opsie te vind As u aspekte soos kwaliteit (sny en pixelasie) en die grootte van die lêer in ag neem, weet u reeds dat wanneer ons foto's of lêers na ons webwerf wil laai, dit so min as moontlik moet weeg sodat die bewerking van ons webwerf is baie rats. Dit is interessant dat u hierdie basiese opsies in ag neem. U weet reeds dat ons moet probeer om na al die besonderhede wat binne die hande is, te versorg.

JPEG-beeldoptimalisering

Om mee te begin, begin ons die aansoek en voer ons die foto in waarmee ons gaan werk, in hierdie geval 'n medium beeld en in JPEG-formaat.

optimalisering-1

Om hierdie foto te stoor met toepaslike eienskappe om op die internet te werk, moet ons na die menu File gaan> Save for Web ... (ons kan ook toegang tot hierdie opsie kry via Alt + Shift + Ctrl + S).

optimalisering-2

Ons klik op die oortjie genaamd "vier eksemplare" aan die bokant van die Save for Web-dialoog. Deur na die vier verskillende instellings in die lêer te kyk, kan ons 'n goeie idee kry van watter instelling die beste by ons doeleindes pas. Met behulp van die 4 eksemplare aansigte kan verskeie weergawes van 'n prent in dieselfde beeldvenster vertoon word. Ons sal dit doen, ons sal verskillende formate toepas en sien watter van hulle die beste by ons eise pas. U kan dan die optimaliseringstoewysings vir elke weergawe van die prent aanpas om die beste kombinasie van opdragte te kies.

optimalisering-3

Met behulp van die vervolgkeuzemenu Zoomvlak links onder in die dialoogvenster verander ons die vergroting na 200% of meer, sodat ons ons foto goed kan analiseer en die besonderhede van die beeld kan waardeer.

optimalisering-4

Ons sal die muiswyser oor die regter boonste weergawe van die prent plaas (wat die aktiewe weergawe is soos die donkerste rand aandui). Die wyser het die vorm van 'n hand, wat aandui dat ons dit kan sleep om die beeld te skuif. Ons sal sleep om die posisie van die beeld te verander sodat ons die geskikste area van die beeld vind, die een waar ons die meeste skakerings en kontraste vind.

optimalisering-5

In die vervolgkeuzemenu Preset in die Optimalized-paneel kies ons GIF 128 met Dither. Let op hoe onmiddellik in die weergawe van die beeld wat ons gekies het (in hierdie geval regs bo), veranderinge plaasgevind het wat die donkerder gebiede sigbaarder gemaak het. Vervolgens sal ons voortgaan om die JPEG- en PNG-instellings in die volgende panele te sien.

optimalisering-6

Ons klik op die onderste linker weergawe van die prent om dit te kies. Ons kies die lae JPEG-weergawe in die voorinstellingsmenu. Die prentjie lyk redelik gepixel en die kwaliteit daarvan is onaanvaarbaar, veral in die teksgedeelte is dit baie opvallend. Ons sal probeer om die kwaliteit van die beeld te verhoog sonder om 'n onaanvaarbare lêergrootte te kry.

optimalisering-7

Ons kies weer JPEG High in die vervolgkeuselys vir instellings. Dit verbeter die beeldkwaliteit aansienlik, maar veroorsaak ook 'n beduidende toename in lêergrootte.

optimalisering-8

Ten slotte sal die middelste grond die suksesvolste opsie wees. Ons kies weer JPEG Media in die vervolgkeuzemenu Voorinstelling. Die beeldkwaliteit is nou aanvaarbaar, terwyl die lêergrootte aansienlik kleiner is as die JPEG High-weergawe of die GIF-weergawe.

optimalisering-9

Uiteindelik sal ons die onderste regterpaneel kies. Ons sal weer PNG-8 128 kies uit die vervolgkeuse. Alhoewel hierdie opsie 'n kleiner lêergrootte bied as die oorspronklike beeld, is die beeldkwaliteit nie so goed soos die JPEG Medium-weergawe nie, wat ook 'n kleiner lêergrootte het.

optimalisering-10

Uiteindelik klik ons ​​op die JPEG-weergawe, dit wil sê die een wat ons links onder het. In die geoptimaliseerde paneel (aan die regterkant van die dialoog) moet u seker maak dat Progressive geaktiveer is (dit sal veroorsaak dat die prentjie in meerdere slaaie aflaai, wat elk die beeldkwaliteit verhoog) en klik OK.

optimalisering-11

Laastens, in die dialoogkassie Stoor geoptimaliseerd as, gebruik ons ​​die oorspronklike naam en klik op Stoor. Op hierdie manier stoor ons 'n JPEG-weergawe van die oorspronklike lêer in die gewenste lêergids. Uiteindelik sal ons hierdie projek sluit sonder om die veranderinge op te slaan.


Wees die eerste om te kommentaar lewer

Laat u kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk met *

*

*

  1. Verantwoordelik vir die data: Miguel Ángel Gatón
  2. Doel van die data: Beheer SPAM, bestuur van kommentaar.
  3. Wettiging: U toestemming
  4. Kommunikasie van die data: Die data sal nie aan derde partye oorgedra word nie, behalwe deur wettige verpligtinge.
  5. Datastoor: databasis aangebied deur Occentus Networks (EU)
  6. Regte: U kan u inligting te alle tye beperk, herstel en verwyder.