ПредишенСледващото

По-малко е снимка, но по-добре

Как да се намали наполовина на снимката, почти запазване качеството му? Как да се намали броят на потребителите, да не се изчаква си страница се зарежда? Малки тайни за оптимизиране на изображения за уеб.

Всичко! В крайна сметка WEB-страница е готова, и можете да започнете да примами първите си приятели и познати, а след това всички останали. Преди да направи това, аз ви съветвам да се прецени дали страницата е претоварен с графика. Смята се, че оптималният размер на първата страница, включително всички текстове, снимки и звукови файлове - всичко, всичко, което ще се зареди - не трябва да надвишава 35-40 килобайта. Според проучване, проведено от американски маркетинг център, всеки по-нататъшно увеличаване на размера на страницата до 10 килобайта "разфасовки" от нея 10% от потенциалните посетители. Те просто нямат търпение да чакат, за да започнат свой шедьовър. Ако страницата е превърнал обемиста, то най-вероятно не е достатъчно изображения, оптимизирани за мрежата.

Какви са разликите във формат JPEG и GIF?

Това, което отличава съветския начин на мислене е от САЩ? И двете страни са разработили нов сателит. Много е необходимо, но твърде тежък, тя не се изпълнява в космоса. Американците седнат и да си мислят: "О, как тези чипове за нещо претеглят по-малко." А български учени мислят. "Ах, как да се направи такава ракета към всичко това бандурата да въвеждат в орбита."

Изображенията се съхраняват в мрежата в два основни вида - JPEG или GIF, с изключение на няколко други, които използват само малък брой потребители. Всеки един от тези формати имат предимства и недостатъци, които трябва да знаете, че размерът на файла е сведено до минимум с добро качество.

Как да изберете формат?

JPEG
  • фотографии
  • изображения с градиент сенчести


    JPEG е идеален за снимки, в които има голям брой цветове. Например, за снимки. В JPEG можете да изберете качеството на съхраняваните изображения - от 100% до 10-15% (по-малко няма смисъл - картината става много лошо). Използване на лошо качество, когато това не е от съществено значение размазване снимки - например фоновото изображение. Най-често срещаната грешка - JPEG банери или снимките употреба, където текстът е налице. Тъй като JPEG запазва изображението до загуба на качество (малък или голям, но все пак една загуба), текстът непременно ще се намазва. Ето защо, ние трябва да помним, веднъж завинаги: ако на снимката има текст, трябва да го запишете в GIF.

    GIF спестява изображения без загуба, но поради това, тя може да стане твърде голям. Така че има смисъл да се използва само тези GIF изображения, при които броят на цветовете, е ограничен до няколко десетки. Така например, в логата на фирмите, цифрите (особено черно и бяло), малки елементи WEB страници, като копчета, линия или заглавки. Много малки изображения, препоръчваме Ви да запазите в GIF, JPEG, защото го прави твърде много изкривявания в изображения с фини детайли.

    PHOTOSHOP: намаляване на изображението, когато записвате
    Да предположим, че сте решили какъв формат за запис на изображение, - JPEG или GIF. Уверете се, че резолюцията на изображенията е 72 пиксела на инч - повече за монитора не е необходимо. В менюто PHOTOSHOP, изберете "Image" - "Picture Size" - "Резолюция = 72". Точка "пропорционално" трябва да се отмятат (да се промени, когато картината не е доказано да бъдат компресирани или сплескан размер), и изберете "Размер на файла" - не.

    JPEG е запазен е много проста. В меню "Файл" - "Запази като" - "Спасете JPEG (* .JPG)". Първо се опита да запази ниско качество на изображението ( "качество - Low" режим), или в крайни случаи, "качество - средна". Ако резултатът не е задоволително, опитайте да увеличите размера на снимката за детайлите по него не са били замъглени. За да видите как изглежда на снимката, след като всички сътресения могат да бъдат от всяка друга програма, например, от браузър.

    За JPEG формат увеличава остротата на изображението и автоматично увеличава размера му. Ако картината все още се нуждае от повече острота, тогава първо се опитайте да приложите филтъра, за да "се изострят краищата." Той дава добър резултат с леко повишение файл.

    GIF спести малко по-сложни - повече опции. Нека да започнем. За да се превърне файла в GIF формат, изберете меню "режим" - "в индексиран цвят". Ще се появи прозорец, където трябва да изберете режима.

    Резолюцията трябва да бъде 3, 4 или 5 бита на пиксел, които съответно означава поддържане на картина с 7, 15 или 31 цвят. Още цветове много смисъл в повечето случаи не е толкова прекомерно надуване на размера на файла. Колкото по-голям на снимката, тези с по-ниска резолюция цвят трябва да се запази. Експериментирайте превежда на снимката в различни режими и, ако резултатът не е харесва, да го върнете обратно, като кликнете върху менюто Photoshop "Edit" - "Отмяна" или CTRL + Z.

    Да не забравяме и за "Palette". Ако изображението се състои от малък брой цветове и има големи части от един цвят, най-добре е да се използва "Custom" палитра на "не питай" настройка. Ако държите на малката снимка, най-добре "Настройки" - "случайни". "Random" разпределение на цветовете прави размера на файла по-голям, но понякога по-точно предава снимката. Аз ви съветвам първо винаги се опита да сложи настройката на "не питай" и ако сте доволни от качеството на картината, да се спра на него.

    Ако не, ще промени из основи на снимката (например добавяне на графичния елемент в менюто или на името на бутона), след това следващия път, когато ще не трябва да страдат, избора на настройки за оптимизация. Palette - цветовете, които изграждат картината - може да се запише и да се използва. За да направите това, кликнете върху "Mode" от менюто - "Цвят на таблицата" - "Запази". И когато се превръщат в GIF, изберете "Palette" - "Custom" и след това - "Качване" ви спаси палитра.

    Какво да не правим
    1. Най-важното нещо - да не поставяте в една страница много големи изображения. Така например, когато правите фотоалбум, тогава е по-добре да се даде много малки снимки, като кликнете върху които читателят ще може да се види най-много. Бих искала да отбележа, че корекцията в ширината на параметрите на HTML страници, а височината, отговорен за показва размера на изображението, почти нищо не носи. Картината ще изглежда наистина малка, но багажника ще продължи по-дълго. Между другото, ширината и височината на параметрите трябва да присъства в браузъра може да покаже страницата, дори и без да се чака за пълно натоварване на снимки. За да увеличите меню PHOTOSHOP, изберете "Image" - "Размер на изображението" и въведете друго измерение. Както написах по-горе, точка "дела" следва да се отбележи и кликнете върху "Размер на файла" - не.

    2. Да не се мащабира (не преоразмеряване) изображение, състояща се от плътни цветове. При смяна PHOTOSHOP избира цветова скала, така че да се създаде плавни преходи между границите на регионите. Поради това, размерът на файла може да се увеличи с 2-10 пъти. Използвайте тези изображения, без да променя техния размер. В някои пакети, например, COREL ГАЛЕРИЯ (Галерия клип арт изображения, включени в тегленето COREL), то е възможно да се определи размера на снимка, която искате да получите. Тогава не е нужно да го премащабира в програмата PHOTOSHOP.

    3. Ако след преоразмеряване не ви харесва външния вид на снимки, не го променят директно от полученото изображение. Тя е много хлабав в качеството. По-добре е да се откажете от действия (CTRL + Z) и извършват дейността си с оригиналното изображение. Изображението с променен размер ще бъде малко по-размазано. В повечето случаи, че има смисъл да се увеличи яркостта.

    4. PHOTOSHOP версия 4 подразбиране записана в някакви снимки на малкия си версия, така че бихте могли да разберете съдържанието на даден файл без да го отваряте. Това естествено увеличава размера. За да изключите тази функция, махнете отметката от "Save умалените" при запис.

    5. Още веднъж искам да ви напомня, че както е посочено по-горе: ако изображението е текст - забравете за JPEG.

    6. В повечето случаи, не се опитват да направят размера на изображението по-голям от 10 килобайта. В случай на GIF формат, ако снимката е превърнал повече от 10 килобайта, аз съветвам да я държи в режим "Презредово". След това тя ще се появи на страницата, постепенно, в зависимост от натоварването - от замъглено състояние постепенно се превръща в ясно. И читателят няма да е нервен, в очакване да се изтеглят. В същото време, тя увеличава размера на картината на само 1-2%. За JPEG, има подобна опция - "прогресивен JPEG". Но той не поддържа по-ранни версии на браузъри. Запазване на JPEG-файл в този формат може да бъде, например, с помощта на SMART SAVER, които ще бъдат обсъдени по-долу.

    Винаги се старайте да даде имената на снимките (етикет ALT = ""). страница посетител ще реши - да го чакам за снимките или можете да преминете към следващата страница. Между другото, този етикет се използва от някои търсачки, като значителна тежест заглавният текст.

    Ако просто не може да се запази в рамките на 30-40 килобайта в страницата - да се създаде опростена версия на страницата за нетърпеливите посетители (и те ще бъдат по-голямата част).

    7. Друг съвет за спестяване на файлове. Не променяйте начина и качеството на оригиналното изображение, и "играе" с нея копие. За да направите копие, кликнете върху менюто "Image" - "Създаване на копие". Това ще ви даде възможност да се върна към оригиналното изображение, ако направите твърде много промени и не ви харесва.

    Смарт "sohranyatel" - SMART SAVER
    SMART SAVER - подобрена версия на "sohranyalki" PHOTOSHOP, позволява незабавно да се оцени качеството на заснетото изображение. SMART SAVER автоматично интегрира в някоя версия на програмата PHOTOSHOP. За да напишете с помощта на изображението, изберете меню "Файл" - "Export" - "PhotoImpact GIF SMART Saver" или "PhotoImpact JPEG SMART SAVER".

    От ляво ще видите оригиналното изображение и неговата големина, както и правото - съхранената изображение. За JPEG изображения са оптимални следните параметри: ГЛАДКО = NONE (рязко изображение), пробовземане = YUV411 (най-добро качество и по-малък размер), MODE = СТАНДАРТ оптимизирано. Двигателят е "качество", създаден на мястото, където картината изглежда без изкривяване.

    Свързани статии

  • Подкрепете проекта - споделете линка, благодаря!