Hogyan lehet csökkenteni a képet egy weboldalon vagy blogon való közzététel céljából?

Ebben a cikkben szeretném megtanítani, hogyan kell levágni és kicsinyíteni a képet, hogy az bekerüljön a blogjába vagy a webhelyére.

Az első probléma, amellyel az ügyfeleim találkoznak, amikor elkezdik a weboldalukat dolgozni, az az, hogy hatalmas képeket illesztenek bele. Bár legtöbbször nincsenek tudatában, ez egy sor problémához vezet, amelyek hosszú távon az arcukat mutatják:

• Lassú betöltés az internetről
• A pozicionálás károsodása a keresőmotorokban
• Webes forgalom fogyasztása a szerver
• A legrosszabb felhasználói élmény mobil eszközök

Igaz, hogy azok, akik a weben dolgozunk, már teljesen beépítették a webes képek csökkentésének koncepcióját (vagy kellene), és néha nem vesszük figyelembe, hogy másoknak nem kell megérteniük. Ezért bár nagyon jó cikkek íródtak erről a témáról, megpróbálom összehasonlítani a különböző létező módszereket, és elmagyarázni, hogyan használják őket.

De először meg kell magyarázni néhány alap ez segít jobban megérteni ezt a folyamatot.

Tartalomjegyzék

1. Fogalmak
2. Mód
   1. Photoshop
   2. ZSINÓR
   3. Hálózatok a képek csökkentése érdekében
3. Következtetések
   1. Alkalmazások, amelyek lehetővé teszik az átméretezést
   2. Olyan alkalmazások, amelyek nem engedélyezik az átméretezést
4. Egyéb szempontok

Fogalmak

A felbontás nem azonos a képmérettel, az egyik és a másik méretezése egyértelműen befolyásolja a fájl súlyát, ezért meg kell értenünk, hogy mik és hogyan működnek.

Mód

Ezután elmagyarázom a képcsökkentés különféle módszereit, a tervező szakemberek által alkalmazott módszerektől másokig a tapasztalatlanabb felhasználók számára. Mindenesetre mindig szem előtt kell tartanunk, hogy egy képméretből indulunk ki pixelben (például 2000 x 3500 px), és hogy csökkenthetjük, de soha nem tágulhatunk mondta a kép. Más szóval, ha egy 200 x 450 képpontos képből indulunk ki, akkor keveset tehetünk. És ez az, hogy nem lehet onnan átvenni, ahol nincs.

Mint korábban mondtam, mást fogok megmagyarázni képcsökkentési módszerek, először is azzal fogok kezdeni Photoshop Y Zsinór. Az alábbiakban, miután kutattam és megnéztem más szakemberek ajánlásait, két cikkre bukkantam, amelyek viszonylag frissek voltak, és számos eszközt felsoroltak. Az elsőt a Hypertextual, a másodikat José Facchin készíti, ahol felsorolják néhány egyszerű webes és asztali eszköz a képek csökkentésére. A probléma az, hogy egy olyan felhasználása után, amely nem győzött meg, úgy döntöttem, hogy elkészítem a összehasonlító hogy a számok alapján válasszon.

Ennek a tesztnek a elvégzéséhez kettővel kezdtem általam készített fényképek normál kompakt kamerával (Canon Powershot SX220 HS). Ahogy letöltöttem őket a fényképezőgépről, elvégeztem a megfelelő kicsinyítéseket a különböző alkalmazásokban, és megkaptam a kicsinyítés százalékos arányát, amely a fényképek eredeti méretének 100% -át vette. Azokban az alkalmazásokban, ahol lehetséges volt, vágást hajtottak végre, amelyben nem figyelmeztetik, hogy ez nem teszi lehetővé a vágást.

Photoshop

Ez a módszer nem mindenki számára elérhető, bár a Photoshop az egyik program, amelyet a legtöbb ember telepített a számítógépére (érthetetlen módon). Nekem az a módszer, amelyet szívesebben használok, mivel itt van nagyobb kontroll a kép felett. Itt nem fogom elmagyarázni, hogyan csökkenthetők a képek a Photoshop alkalmazással, de ha ezt a módszert szeretné használni, akkor felkérem Önt, hogy kövesse a következő oktatóanyagot ebben a blogban, itt fogom összefoglalni a fogalmilag követendő lépéseket.

Amikor akarjuk zsugorítson egy képet a Photoshop alkalmazással, a folyamat szinte mindig ugyanaz:

1. Kinyitjuk a képet az Adobe Photoshop alkalmazással
2. Számos alkalommal szükségünk lesz rá bizonyos arányokat, vagyis szélességet egy bizonyos képmagassággal. Ehhez a Vágóeszköz. Itt definiáljuk a kép képarányait, és levágjuk a felesleges helyet.
3. A kép kivágása után ideje exportálni azt a végleges méretre csökkentve, amelyet szeretnénk. Ezt meg fogjuk tenni két lehetséges eszköz, mindkettő a Photoshop Fájl menüjében található: Exportálás ..., melyik a jelenlegi és az Adobe által ajánlott módszer; Y Mentés webre (régi), amely a régi módszer, a cikk írása idején még mindig jelen van a programban, és amely még mindig a legjobban tetszik. Itt mindig szem előtt kell tartanunk, hogy a web kimeneti felbontása 72 dpi (pont per hüvelyk), míg a dokumentumoké sokkal nagyobb, 300 dpi. Ezáltal a nyomtatásra szánt képek óriási méretűek lesznek az internetes képekhez képest.

Vigyázzon, nagyon fontos, hogy ne keveredjünk össze, mert bár a 2. lépésben arról beszéltünk, hogy az arányokat pixelben definiáljuk, pontosan azt definiáljuk, hogy az arányok. Ez a Kép szélesség/magasság arány, amelyet a végleges méretgel határozunk meg pixelben, de ez a kép eredeti méretében lesz hatásos. Ezt jobban meg fogja érteni, ha megnézi a képcsökkentés bemutatóját a Photoshop segítségével.

---