Превърнете снимка или графика в миниатюрно изображение

Прост урок

Снимките и графиките използват много сървърно пространство. Това може да натовари много по-бавно уеб страниците. Една от опциите, които имате, е да използвате миниизображения на вашите снимки вместо това. Миниизображението е по-малка версия на същата картина. От него се свързвате с оригиналната снимка.

Когато използвате миниатюри, можете да поставите повече графики на една страница. Вашият читател може да избира и избира измежду всички графики на страницата и да реши кои от тях искат да видят.

Създаването на миниизображение не е трудно и наистина не отнема много време. Първото нещо, което трябва да направите, е да изтеглите програма за редактиране на снимки или графики. Използвам Irfan View. Тя е безплатна и лесна за използване. Тя не е толкова изчерпателна, колкото Paint Shop Pro или Photoshop, но е достатъчно добра за преоразмеряване, изрязване и промяна на начина, по който изглеждат цветовете.

Ще използвам Irfan View за този урок. Инструкциите не са толкова различни, ако използвате друга програма.

Първото нещо, което ще направите, е да отворите изображението, което искате да промените. Направете това, като кликнете върху "Файл", "Отвори", намерете изображението на компютъра си и кликнете върху бутона "Отваряне".

С отвореното изображение в програмата ви за графично редактиране вече можете да го изрязвате или да го преоразмерявате. Прекъсването е това, което правите, когато имате изображение, което има повече от него, отколкото това, което искате да използвате. Кажи, че имаш снимка на теб и на друго лице, но само искаш да използваш частта с теб върху нея и да отсечеш другия човек, който е изрязвал.

За да я изрежете първо трябва да изберете областта, която искате да запазите. Поставете курсора на мишката в един от ъглите на зоната, която искате да запазите, задръжте бутона на мишката и плъзнете курсора до противоположния ъгъл на областта. Ще видите линия, която се създава около района, като го направите и тънка граница около него, когато сте готови.

Сега кликнете върху "Редактиране", "Избор за изрязване". Избраната от вас област ще бъде оставена и останалата част от снимката ще изчезне. Ако харесвате това, което виждате, ще искате да запазите изображението в тази точка, за да не затворите програмата случайно и да загубите изрязването. Ако не ви харесва, кликнете върху "Редактиране", "Отмяна" и ще се върне обратно към начина, по който е бил, преди да го изрязвате.

Ако искате да изрежете нещо от картинката, можете да направите това с помощта на функцията "Изрязване". Можете също да добавяте текст към снимката си в тази точка с помощта на "Вмъкване на текст в селекцията". И двете от тези функции са под менюто "Редактиране". Не забравяйте да запазите изображението, след като направите промяна, която ви харесва, така че да не загубите работата си.

Сега, за да създадете нашата миниатюра. Кликнете върху "Изображение", "Промяна на размера / повторно отметка". Ще се появи кутия, която ще ви позволи да промените размера на изображението си. Можете да изберете да промените размера на изображението по височина и ширина или по процента. Например можете да поставите ширина от 50 пиксела или да го направите, за да направите изображението 10% от първоначалния си размер. Ако създавате миниатюри, които да използвате като фото галерия, предлагам да се опитате да направите всичките си снимки близки до същите размери, така че да се поберат на страницата по-добре, като правите хубави прави редове или колони.

Ако изображението изглежда е изгубило известна яснота при преоразмеряването му, можете да използвате функцията "Заточване" в менюто "Изображение". Когато запазвате изображението след преоразмеряване, уверете се, че използвате функцията "Запазване като", НЕ функцията "Запазване". Вие ще искате да му дадете друго, но сходно име. Ако просто го запишете, ще презапише стария ви образ и ще загубите оригинала. Ако оригиналът ви беше наречен "picture.jpg", тогава можете да се обадите на миниатюрата "picture_th.jpg".

Ако вашата хостинг услуга няма програма за качване на файлове, която да ви помогне лесно да качвате страници и графики на вашия уеб сайт, тогава ще трябва да имате FTP клиент, който да ги качите. Услугата хостинг, с която сте, трябва да ви даде настройките, които трябва да поставите в FTP клиента, за да можете да качите файловете.

Предлагам да качите графиката или снимките си в папка с име "графики" или "снимки", така че да можете да ги отделите от страниците си и да ги намерите по-лесно, когато имате нужда от тях. Обичам да организирам страници и графики с различни папки. Поддържа вашия сайт хубав и чист, така че можете да намерите всичко, което търсите, бързо и така нямате дълги списъци с файлове, които трябва да се сбиете, когато имате нужда от нещо.

Също така ще трябва да качите миниизображението на вашата хостинг услуга. Помислете за поставянето му в отделна папка, наречена "миниатюра".

Сега ще ви е необходим адресът на вашата графика. Пример: Да приемем, че хоствате вашия сайт в Geocities и вашето потребителско име е "mysite". Вашата основна графика е в папка, наречена "графика" и наречена "graphics.jpg". Миниизображението се нарича "thumbnail.jpg" и се намира в папка, наречена "миниатюра". Адресът на графиката ви ще бъде http://www.geocities.com/mysite/graphics/graphics.jpg и адресът на вашето миниизображение ще бъде http://www.geocities.com/mysite/thumbnail/thumbnail.jpg .

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

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

Ако просто свързвате със самата графика, така че главната графика ще се покаже на страницата ви, тогава кодът, който трябва да използвате, е следният:

Текст за картина

Където виждате graphic.jpg в този код, ще го промените на http://www.geocities.com/mysite/graphics/graphics.jpg или можете да използвате краткия формуляр, който изглежда така /graphics/graphics.jpg . След това променете къде се казва Текст за картина, каквото искате да каже под снимката.

Ако ще използвате миниатюрите и връзката към графиката от там, тогава кодът, който ще използвате, ще бъде малко по-различен:

Където виждате http: //address_of_graphic.gif , добавете адреса на миниизображението си. Когато виждате http://address_of_page.com , добавите адреса на графиката си. Страницата ви ще покаже вашето миниатюрно изображение, но директно ще ви свърже с графиката. Когато някой кликне върху миниизображението за графиката, той ще бъде отнесен към оригинала.

Вече ще можете да се свържете с повече графики на една страница, без да затрупвате сървъра, което кара вашата страница да се зарежда бавно. Това не е единствената ви възможност за създаване на фотоалбум, но ви дава начин да добавите цял куп картини на една страница, така че хората да не трябва да кликнат през страници и страници на снимки. Те също ще могат да избират кои снимки искат да видят в нормален размер, вместо да ги виждат, ако не желаят.