Нұсқаулар
Жаңадан бастаушы теорияға тым терең енбеуі керек, бірақ сіз JPEG қысу алгоритмі бар пішім екенін білуіңіз керек. Файл осы форматтаәртүрлі кеңейтімдер болуы мүмкін, мысалы? .jpeg, .jfif, .jpg, .JPG немесе .JPE. Бұл өте ыңғайлы, себебі ол TIFF немесе BMP пішіміндегі ұқсас кескінге қарағанда әлдеқайда аз орын алады. Соңғысынан айырмашылығы, ол кескін туралы аз ақпаратқа ие. Түпнұсқа файлды мониторда қараған кезде бұл тым байқалмауы мүмкін, бірақ фотосурет зертханада басып шығарылғанда немесе өңделген кезде, нәтиже келесі форматтарға қарағанда төменірек болуы мүмкін. толық ақпарат.
JPEG файлдарын сақтау тәсілі сіздің қажеттіліктеріңізге байланысты. Суретті сақтамас бұрын, оны өңдейсіз бе, фотоқағазға басып шығарасыз ба немесе суретті Интернеттегі бетке орналастыру керек пе, соны шешіңіз.
Қараңғы бөлмеде кейіннен өңдеу немесе басып шығару үшін кескінді максималды сапасы мен өлшемімен сақтаңыз. Іздеген суретті сақтау кезінде Файл мәзірін ашып, Басқаша сақтау опциясын таңдаңыз. Файл сақталатын каталогты таңдаңыз. Бірінші жолға атауды енгізіп, екінші жолда JPEG пішімін таңдап, Сақтау түймесін басыңыз. Егер сіз файлды өңдеген болсаңыз, сақталған кескіннің сапасын таңдау үшін алдарыңызда диалогтық терезе пайда болады. Жүгірткі немесе сәйкес 12 саны арқылы ең жоғары сапаны таңдауыңыз керек. Таңдауыңызды «OK» түймесін басу арқылы растаңыз. Егер сіз кескінді өңдемеген болсаңыз, оны сақтағаннан кейін JPEG сапасын таңдауға арналған диалогтық терезе ашылмайды.
Фотосуретті Интернетте жариялау үшін сақтау кезінде заманауи ресурстардың өзі жүктелген JPEG өлшемі мен сапасын өзгерте алады. Дегенмен, кейбір жағдайларда мұны өзіңіз жасауға тура келеді. Суретті сақтамас бұрын Кескін мәзіріне өтіп, Сурет өлшемі параметрін таңдау арқылы оның өлшемін өзгертіңіз. Пропорцияларды шектеу өрісіне құсбелгі қойылғанын тексеріңіз. Сізге ыңғайлы өлшем бірлігін таңдаңыз: сантиметр, пиксель, дюйм немесе миллиметр, бір жақтың қажетті мәнін сандармен енгізіп, «ОК» түймесін басыңыз (көп жағдайда үлкенірек жағында 800-ден 1500 пикселге дейінгі кескіндер пайдаланылады. веб-беттер үшін). Нәтижені сақтаңыз, бірақ төменірек сапаны таңдаңыз. 8-ден 10-ға дейінгі мәндермен және шағын кескін өлшемімен бастапқы өлшемнен көрнекі айырмашылықтар аз, бірақ файл өлшемі айтарлықтай азаяды.
Сондай-ақ ішінде Adobe PhotoshopВеб-беттер үшін суреттерді оңтайландыру және сақтау үшін арнайы модуль бар, ол ыңғайлырақ болуы мүмкін. Файл мәзірінен Веб үшін сақтау опциясын таңдаңыз. Ашылған тілқатысу терезесінде сізге сақталған кескінді қарау терезесі және бірнеше параметрлер опциялары ұсынылады. 4-жоғары немесе 2-жоғары қойындысын таңдаңыз. Бағдарлама сізге төрт немесе екі ұсынады ықтимал опциялароңтайландырылған кескін. Сәйкесті сақтау үшін суретті басып, Сақтау түймесін басыңыз. Егер опциялар сізді толығымен қанағаттандырмаса, алдымен суреттің оң жағында орналасқан құралдарды пайдаланыңыз.
Тақырып бойынша бейнеролик
Орыс тілі бай, бірақ объектінің немесе оқиғаның толық сипаттамасын жеткізу әрқашан мүмкін емес. Жүз рет естігеннен (оқығанша) бір рет көрген жақсы деп бекер айтпаған. Форумдағы жазбаңызды сөзбен сипаттаудың орнына суретпен толықтыру оңайырақ. Посттарыңызға суреттер қалдыра аласыздар әртүрлі жолдармен.
Нұсқаулар
Қосулы әртүрлі ресурстарәртүрлі пішіндер. Егер сізде кескіндерді қосуға мүмкіндік беретін пішін болса, оны пайдаланыңыз. «Файлды тіркеу» өрісін тауып, «Шолу» түймесін басыңыз. Ашылған диалогтық терезеде сурет компьютерде сақталатын каталогты көрсетіңіз. Тінтуірдің сол жақ түймешігімен кескіні бар файлды таңдап, «Ашу» түймесін басып, файлдың жүктелуін күтіңіз. Содан кейін хабарламаңызды әдеттегідей пішімдеңіз. Ағылшын тілді сайттарда Қосымша опциялар өрісін және Тіркеу түймешігін пайдаланыңыз.
Хабарлама пішініңізде суретті тіркеу опциясы болмаса, үшінші тарап ресурстарын пайдаланыңыз. Қажетті суретті фотохостинг сайтына жүктеңіз және оның сілтемесін постыңызға орналастырыңыз. Хабарламасы бар терезені немесе қойындыны жаппастан, фотохостинг сайтын бөлек қойындыда немесе терезеде ашыңыз. «Компьютердегі сурет файлын таңдау» өрісіндегі «Шолу» түймесін басыңыз, файлға жолды көрсетіңіз. Содан кейін «Жүктеу» түймесін басып, жүктеу аяқталғанша күтіңіз.
Бүгін біз Photoshop-та суретті қалай дұрыс сақтау және оңтайландыру керектігі және мұны қай форматта жасаған дұрыс екендігі туралы сөйлесеміз. Бірақ дұрыс таңдаупішімін сақтау сапаға қатты әсер етеді және сыртқы түрісуреттер, сондай-ақ килобайттағы суреттің салмағы. Бұл әсіресе трафикті тұтынуды ескеретіндер үшін өте маңызды. Сонымен, jpg, gif және png файлдарын ретімен қарастырайық.
1. Суреттерді қандай форматтарда сақтау керек?
Сіз өзіңіздің сүйікті фотосуретіңізді Photoshop бағдарламасында ашып, онымен қандай да бір сиқырмен жұмыс істегеннен кейін немесе жалпы нөлден өз коллажыңызды жасағаннан кейін, бұл файлды компьютерде сақтау керек. Файлды сақтаудың ең көп таралған үш пішімі бар.
jpg пішімі.Мүмкін, ең көп таралған формат. Кешенді сақтау үшін қолайлы графикалық бейнелеркөптеген түстер мен реңктер және бай текстурасы бар. Яғни, фотосуреттерді осы форматта сақтаған дұрыс. Оның кемшіліктері арасында мөлдірлікті қолдамайды және қызылға өте сезімтал. 
gif пішімі.Бұл формат түстердің шектеулі саны бар файлдарды сақтау үшін өте қолайлы. Мысалы, мәтіндік беттер, кестелер, диаграммалар, логотиптер, қарапайым суреттер. Бұл әлдеқайда анық және салмағы азырақ болып шығады. Сонымен қатар, пішім мөлдірлік пен анимацияны қолдайды. Дегенмен, формат ескіруде және қазірдің өзінде png форматынан төмен. 
png пішімі.Алдыңғы пішімге ұқсас, бірақ жетілдірілген және кескіндерді тиімдірек қысады. PNG мөлдір фонда клипартты сақтау үшін өте ыңғайлы. Ол екі пішімде бар: png-8 (қарапайым кескіндер үшін 256 түсті қолдайды) және png-24 (күрделі кескіндер үшін түстерді жақсы қолдайды). 
2. «Басқаша сақтау...» функциясын пайдаланып сақтаңыз
«Файл» -> «Басқаша сақтау...» мәзірі немесе «Shift+Ctrl+S» пернелер тіркесімі арқылы ескі ескі әдіспен суретті сақтауға болады. Ашылмалы мәзірде біз файлды сақтағымыз келетін файл пішімін таңдаңыз. (Төмендегі суретті қараңыз) Бұл әдіс сақталған кескін компьютерде қалатын және Интернетте жариялауға арналмаған кезде қолданылады. 
3. “Веб үшін сақтау…” функциясын пайдаланып сақтаңыз
Егер сіздің суретіңіз Интернетте жариялануы керек болса, онда «Веб үшін сақтау» функциясын қолданған дұрыс. Бұл әдіс арқылы сурет Интернет үшін арнайы жақсырақ және сапалы сақталады, сонымен қатар бірнеше ыңғайлы опциялар бар. «Файл» -> «Веб үшін сақтау...» (Веб үшін сақтау...) мәзірінен немесе «Alt+Shift+Ctrl+S» пернелер тіркесімін таңдаңыз. Диалогтық терезе ашылады.
Суретті jpg пішімінде сақтау үшін ашылмалы мәзірден JPEG пішімін таңдаңыз (1). Сақтау сапасын (2) 75%-дан 95%-ға дейін орнатыңыз. Мен әрқашан 75% беремін. Қажет болса, суреттің қажетті өлшемдерін орнатыңыз (3). Сол жақтағы жолақтар суреттің бастапқы өлшемін (4) және оңтайландырылған суреттің өлшемін (5) көрсетеді. Осыдан кейін «Сақтау» түймесін басыңыз. 
Суретті gif пішімінде сақтау үшін ашылмалы мәзірден GIF пішімін таңдаңыз (1). Сақталатын түстер санын таңдаңыз (2). Қажет болса, суреттің қажетті өлшемдерін орнатыңыз (3). Сол жақтағы жолақтар суреттің бастапқы өлшемін (4) және оңтайландырылған суреттің өлшемін (5) көрсетеді. Осыдан кейін «Сақтау» түймесін басыңыз. 
Кескінді png пішімінде сақтау үшін ашылмалы мәзірден (1) PNG-8 пішімін таңдаңыз. Сақталатын түстер санын таңдаңыз (2). Қажет болса, суреттің қажетті өлшемдерін орнатыңыз (3). Сол жақтағы жолақтар суреттің бастапқы өлшемін (4) және оңтайландырылған суреттің өлшемін (5) көрсетеді. Фонды мөлдір ету үшін Transparency (6) құсбелгісін қойыңыз. Осыдан кейін «Сақтау» түймесін басыңыз. 
Қай режимде сақтау керек екені бірден белгісіз болса, оңтайландырудан кейінгі кескін сапасы мен салмағының оңтайлы үйлесімін көзбен анықтай отырып, барлық сақтау режимдерін қолданып көрген дұрыс. Жалпы алғанда, белгілі бір функцияның қалай жұмыс істейтінін түсіну үшін параметрлермен тәжірибе жасау пайдалы.
Бұл сабақта сіз үйренесіз фотошопта құжатты қалай сақтауға болады. Фотосуретті өңдегеннен кейін оны қалай сақтау керек деп ойлаған шығарсыз? Мұны істеу үшін Photoshop бағдарламасы үш пәрмен береді: Сақтау, Басқаша сақтау және Веб және құрылғылар үшін сақтау:
Негіздер
Барлық үш команданы Файл мәзірі арқылы орындауға болады:
Сақтау командасы құжатты бастапқы ашылған форматта сақтауға мүмкіндік береді. Бағдарлама қатып қалса, нәтижелерді жоғалтпау үшін оны кескінді өңдеу кезінде пайдалану ұсынылады. Келесі пәрмен, Басқаша сақтау, сіз үшін ең пайдалы болады, ол сақтау пішімін, сапасын және атауын таңдауға мүмкіндік береді. Веб және құрылғылар үшін сақтау пәрмені веб-ресурстардың немесе кез келген құрылғылардың кескіндерін сақтау үшін пайдалы, бұл кескінді қатты қысуға және өлшемін өзгертуге мүмкіндік береді. Бұл команданың параметрлерін білу үшін сізге бөлек сабақ қажет.
Файлды JPEG пішімінде сақтау
Біздің заманымыздың ең кең таралған форматтарының бірі. Ол тіпті кішкентай өлшемде де түстерді жақсы сақтайтындығы үшін үлкен танымалдылыққа ие болды. JPEG форматына барлық дерлік мультимедиялық құрылғылар және барлық веб-шолғыштар қолдау көрсетеді.
Суретті осы форматта сақтау үшін Файл - Басқаша сақтау опциясын таңдау керек, содан кейін сақтау параметрлері бар терезе ашылады, ол төменде егжей-тегжейлі сипатталады:
- Жоғарғы жағында қатты дискіде сақтау орнын таңдауға арналған терезе бар.
- Файл атауын өзгерту
- Формат өрісінде файл пішімін таңдауға болады. JPEG пішімін таңдап, сақтау түймесін басыңыз.
Сіздің алдыңызда файл параметрлері бар терезе ашылады:
Кескін параметрлері бөлімінде сапа мен қысу деңгейін таңдауға болады: Төмен, Орташа, Жоғары және Максималды. Мұны істеудің ең оңай жолы - жүгірткі арқылы. Есіңізде болсын, қысу неғұрлым жоғары болса, соғұрлым сапасы нашар болады. Сол жақта файл өлшемі. «Пішім параметрлері» бөлімінде қысудың үш әдісінің бірін таңдауға болады:
- Baseline Standard - бұл қысу әдісі құрылғылар мен веб-шолғыштар үшін ең кең таралған, өте жақсы түсінікті пішім болып табылады.
- Baseline Optimizes - бұл анықтық пен түсті сақтай отырып, кескінді сығуға мүмкіндік беретін әдіс.
- Прогрессивті (Жетілдірілген) осы әдісті сақтау арқылы кескін жолдан-жолға емес, жүктелген сайын бірнеше өтуде жүктеледі. Олардың әрқайсысы өтуден өтуге жақсара отырып, толық кескінді көрсетеді. Кейбір браузерлер мен құрылғылар онымен жақсы жұмыс істемейді.
Негізгі стандарттан шығып, OK түймесін басыңыз
Файлды PSD пішімінде сақтау
Файлды PSD пішімінде сақтау кезінде барлық өңдеу процестері сақталады, соның ішінде қабаттар, маскалар, сүзгілер және т.б. Сондықтан бұл пішімді Photoshop бағдарламасында ашсаңыз, өзгертулерді оңай жасай аласыз.
Компьютерде сақталып, аяқтауды үйреніңіз - фотошопта суретті (суретті, фотосуретті) қалай сақтауға болады.
Суретті сақтау процесі форматтармен тығыз байланысты графикалық файлдар. Өйткені көп нәрсе сіз таңдаған пішімге байланысты болады (мөлдірлікті қолдау, файл өлшемі және көрсетілетін түстер саны). Мен өзімді қайталамаймын және әр форматты сипаттамаймын, өйткені бұл ақпараттың барлығы Photoshop пайдаланатындар туралы мақалада егжей-тегжейлі сипатталған.
Файл - Сақтау (Ctrl+S)
Әдетте бұл пәрмен пайдаланушы болған кезде пайдаланылады бұрыннан бар кескінді аштыжәне оны өңдеп жатыр. Бұл пәрменді орындау арқылы Photoshop бұл файлды бұрынғы форматта жаңартады. Сіз бұл деп айта аласыз жылдам сақтау, ол кез келген кескін параметрлерін реттеуді қажет етпейді.
Егер сіз суретті нөлден жасасаңыз, бұл пәрмен келесідей жұмыс істейді Басқаша сақтау.
Файл - Басқаша сақтау... (Shift+Ctrl+S)
Бұл пәрмен негізгі болып табылады және көптеген «қиындықтармен» қамтамасыз етілген.
Бұл пәрменді таңдау арқылы сіз фотошопқа фотосуретті қайда, қандай атпен және қандай форматта сақтағыңыз келетінін айтуыңыз керек. Ол үшін диалогтық терезе пайда болады:
Жасыл көрсеткілер шарлауды басқару түймелерін көрсетеді (файлдың сақталатын орнын көрсету үшін), ал көк көрсеткі болашақ кескіннің пішімін таңдау мәзірін көрсетеді. Осыдан кейін Сақтау түймесін басыңыз.
Бірақ бұл бәрі емес. Photoshop басқа терезені көрсетеді - Параметрлер. Бұл терезенің мазмұны сіз таңдаған файл пішіміне тікелей байланысты болады.
Мұнда конфигурациялауға болатын ең маңызды нәрсе сурет сапасы. Сандары бар өріске 1-ден 10-ға дейінгі сапа мәнін енгізуге немесе ашылмалы тізімнен оның мәтіндік белгілеуін немесе жүгірткіні жылжыту арқылы таңдауға болады. Файлдың соңғы өлшемі терезенің оң жақ жартысында көрсетіледі.
Кескіннің сапасы оның өлшеміне, демек Интернетте жүктеп алу және компьютерде ашу жылдамдығына тікелей әсер етеді.
Сізге форматтың үш түрі де ұсынылады:
- Негізгі («стандартты») — кескіндерді экранда сызық бойынша көрсету. Яғни, JPG файлының мазмұнын көрсетудің ең кең таралған тәсілі.
- Basic Optimized - оңтайландырылған Huffman кодтауы бар кескін.
- Прогрессивті — жүктелген сайын сапасы біртіндеп жақсаратын кескіндерді беретін пішім.
Сақтау процесін екінші жағынан қарауға болады - жұмыстың аралық кезеңдерін сақтау. Бұл үшін бар PSD пішімі, Photoshop үшін арнайы жасалған пішім.
Оны терезе пішімі ашылмалы тізімінен таңдаңыз Басқаша сақтау,фотосуретті қайта өңдеуге қайтару үшін, өйткені сіз қолданған барлық қабаттар палитрасы, барлық сүзгілер мен әсерлер сақталады. Мұның бәрін қайта конфигурациялауға және толықтыруға болады. .
Photoshop бағдарламасында сақтаудың үшінші жолы
Егер сіз суретті жауып, бірақ Photoshop-та қалғыңыз келсе, осы суреттің крестіне (қызыл көрсеткі) немесе жұмысыңызды толығымен аяқтағыңыз келсе, Photoshop-тың крестіне (көк көрсеткі) басыңыз.. Рахмет!
Сәлем, құрметті Start-Luck блогының оқырмандары! Андрей Зенков пен менікі байланыста практикалық кеңесвеб-дизайнда. Бүгін біз дәл сол кілттер туралы сөйлесетін боламыз, оларсыз сіздің сайт браузер бетбелгілері әлеміне ешқашан есігін ашпайды (және пайдаланушы үшін сүйікті беттерін жұлдызшамен белгілеу өте маңызды).
Біз сіз ойлағандай, суреттер туралы сөйлесетін боламыз. Жарқын фотосуретті таңдау - шайқастың жартысы ғана. Оны өңдеуден, бояудан, мәтінді қабаттастырудан және басқа манипуляциялардан кейін, а жаңа мәселе: фотошопта суретті қалай сақтауға болады?
Сіз үй жануарлары туралы веб-сайт жасадыңыз және кең фотогалереяны қосқыңыз келеді делік. Bang - және сіз енді дизайнды табан ізі түріндегі сүйкімді мәзір белгішелерісіз елестете алмайсыз. Бөлім туралы не деуге болады күлкілі анимацияларбұл сайт қонақтарының көңіл-күйін көтереді?
Ынтамен сіз барлық кескіндерді сәйкестендіруге, сақтауға және... сіздің күш-жігеріңіздің бекер екенін көресіз. Пиксельдер мұқият жасалған «табандарды» толығымен жояды және сіз қозғалыстағы суреттерді көз жассыз қарай алмайсыз. Photoshop автоматты түрде жойылатын бағдарламалар тізіміне ауыстырылады және сіз өзіңізге нағыз шеберді табуға уәде бересіз. Не үшін? Білгеннен кейін бәрін өзіңіз жасай аласыз басты құпия, мен оны үнемі қолданамын.
Суреттерді оңтайлы сапада сақтау алгоритмі олардың пішіміне байланысты. Мен олардың қайсысы растрлық, қайсысы векторлық екендігі туралы айтып, егжей-тегжейлі айтқым келмейді. Сонымен қатар, сіз оларды бірнеше рет басу арқылы өзгерте аласыз. Мен бұл туралы мақалаларымның бірінде жаздым, оқырмандармен сурет пішімін қалай өзгерту керектігін бөлістім.
Интернетке бай сайттарды талдай отырып, бір байқадым қызықты деталь: Барлығы графикалық элементтераз ғана әмбебап форматта ұсынылған, ал басқаларының бар болуы мүлдем ұмытылған. Олар қандай?
Веб-дизайндағы кескіндердің негізгі топтары
Веб-сайттардағы графикалық мазмұн үш санатқа бөлінеді.
Коллаждар мен фотосуреттер
Олармен сипатталады JPG пішімі- айтпақшы, интернеттегі ең көп тараған. Бұл кескіндердің өлшемі кішкентай, бұл оларды веб-сайт дизайнында беттің баяу жүктелуінен қорықпай пайдалануға мүмкіндік береді. Мысалы, JPG және PNG форматында сақталған бірдей ландшафт салмағы бойынша айтарлықтай ерекшеленеді:
Белгішелер, түймелер және баннерлер
Бұл дизайн элементтері үшін PNG таңдалады. Оның орнына сайттың «фонын» пайдаланып, нысанды қиып алуға және суретті фондықсыз сақтауға мүмкіндік береді. Мен бұл пішімді үлкен палитрасы жоқ кескіндер үшін де ұсынар едім. Мысалы, біз Photoshop бағдарламасында құжат жасаймыз және - сайттың атауы:
Біз кескінді екі форматта сақтаймыз және нәтижені салыстырамыз:
Анимация
GIF екі немесе одан да көп қабаттардан тұратын анимациялық кескіндерді жасауға арналған. Мұны Photoshop көмегімен ғана емес, сонымен қатар жасауға болады. Мен бұл пішімді ең құдіретті деп атар едім, өйткені оны сақтау кезінде оған жету қиын жақсы сапа. Бақытымызға орай, менде минималды пиксельді анимациялар беретін лайфхак бар. Қызықты ма? Оқыңыз!
Суреттерді сақтау бойынша қадамдық нұсқаулар
JPG-ден бастайық: оның көмегімен сапаны жоғалтпай фотосуретті алу өте оңай. Ол үшін «Файл» - «Басқаша сақтау» түймесін басыңыз. Қаласаңыз, Shift+Ctrl+S пернелер тіркесімін пайдалана аласыз:
Пайда болған терезеде «Файл түрі» ашылмалы тізімін тауып, JPEG жолын таңдаңыз. Әдетте бұл әдепкі:
Сол ашылмалы тізімде сіз PNG жолын таңдай аласыз, осылайша тапсырмаңызды жеңілдете аласыз. Дегенмен, мен суреттерді сақтауды ұсынамын мөлдір фонбасқаша.
Ашылған терезені тексеріңіз. Сіздің міндетіңіз ашылмалы тізімде PNG-24 таңдалғанын және «Мөлдірлік» және «Интерактивті» жолдардың тексерілгенін тексеру:
Назар аударыңыз: соңғы құсбелгі сайттағы суреттің жүктелу уақытын азайтады, бірақ сонымен бірге оның салмағын арттырады. Бұл сізді алаңдатпаса, «Сақтау» түймесін басыңыз. Пайда болған терезеде файл жолын таңдап, PNG кескінін алу және оны сайтқа тезірек жүктеп салу үшін қалаған түймені қайтадан басыңыз!
Анимация сол мәзір элементі арқылы сақталады, бірақ енді ашылмалы тізімнен GIF опциясын таңдау керек. Үлкен санпараметрлер мен түсініксіз сөздер шатасу немесе тіпті қорқыныш тудыруы мүмкін. Бұл тұрмайды! Мен пайдаланатын параметрлерді орнатыңыз:
Қорытындылайық
Графикамен жұмыс істеу бір немесе екі салаға назар аудармай, үнемі дағдыларды жетілдіруді талап етеді. Не істеуім керек? Бір кездері бұл мен үшін нағыз олжа болды бес шағын курстар жиынтығы «Фотошоп шебері» жобасынан. Олардан бір байттан артық пайдалы ақпарат жинадым.
Материал қолжетімді түрде және ақысыз түрде ұсынылады. Бұл компьютерлік академияларда оқуға және сағаттық іздеуге тамаша балама. қажетті сабақтарғаламторда.
Бар болғаны. Жазылуды ұмытпаңыз ВКонтакте тобы және жаңа және пайдалы мақалалардың апта сайынғы дозасы үшін блог жаңартулары.
Андрей Зенков сізбен бірге болды. Қайта кездескенше!