Ico хэрхэн хийх вэ. Хөтөлбөрт зориулсан icon.ico үүсгэх

Хэрэв та фолдерт анхны харагдац өгөхийг хүсвэл хавтасны дүрсийг өөрчилнө үү. Би аль хэдийн системд байгаа хүмүүсийн тухай биш, ялангуяа таны зураг эсвэл ямар ч зураг дээрх дүрсийг хэлж байна.

Та өөрийн зурган дотроос хавтасны дүрс (дүрс) хийж болно стандарт програм – Будаг, Windows 7 үйлдлийн системд хүн бүр байх ёстой

Надад итгээрэй, таны дүрсүүдийн тусламжтайгаар та текстийг уншихгүйгээр хэрэгтэй хавтасаа олоход илүү хялбар бөгөөд хурдан байх болно (хавтасны нэр)

Энд жижиг жишээ дурдъя. Энэ төрлийн хавтас нь хайлтыг хурдасгадаг их хэмжээнийижил төстэй хавтаснууд.

"Paint" програмыг олоорой. “ Та "Эхлүүлэх" ба "Бүх програмууд" -аар дамжуулан үүнийг ажиллуулж, зургийг програмын цонхонд чирнэ үү. Мөн залгахад бүр ч амар контекст цэсдүрс болгон ашиглахыг хүссэн зураг дээрээ хулганы баруун товчийг дарна уу. "Засах"-ыг сонгоно уу "Paint" програм нээгдэнэ

Paint дээр дүрс үүсгэх

Юуны өмнө бидний хийх ёстой зүйл бол зургийн хүссэн хэсгийг хайчилж авах явдал юм. Үүнээс гадна, тэдгээр нь бүх талууд ижил хэмжээтэй байхаар таслагдах ёстой. Хэрэв та талуудын харьцааг тохируулахгүй бол дүрс нь дөрвөлжин хэлбэртэй байх бөгөөд зураг нь хавтгай болно.

Бид үүнийг таслав. Хөтөлбөрийн самбараас "Сонгох" хэрэгслийг сонгон сонгох параметрүүдэд "хэлбэрийг зааж өгнө үү. Тэгш өнцөгт талбай"Зургийн хэсгийг сонгохын тулд хулганы зүүн товчийг ашиглана уу. Түлхүүрийг удаан дарж, програмын доод самбараас хэмжээ хэрхэн өөрчлөгдөж байгааг хараарай.

Хэмжээг нь тохируулаад "Таслах" товчийг дарна уу

Одоо зураг дөрвөлжин байна, үргэлжлүүлье.

Тайрсны дараа ирээдүйн дүрсний хэмжээг өөрчил. "Хэмжээг өөрчлөх" дээр дарж пикселийг өөрчлөх, босоо болон хэвтээ байдлаар 64 хэмжээг оруулна уу. "OK"-г хадгалах

Хавтас дээр дүрсээ тавь

Бидэнд бүх зүйл бэлэн байгаа тул үүнийг хавтас руу хийнэ үү. Курсорыг дурын хавтас дээр байрлуулж, цэсийг гаргахын тулд хулганы баруун товчийг ашиглана уу. Жагсаалтын хамгийн доод хэсэгт байрлах "Properties" гэсэн зүйл рүү очно уу, "Тохиргоо" -ын доод талд "Дүрсийг өөрчлөх" товчийг дарна уу.

Системийн дүрс бүхий цонх нээгдэнэ. Гэхдээ бидэнд тэд хэрэггүй, бид өөрсдийн дүр төрхийг ашиглахыг хүсч байна. Дараа нь тойм руу очоод бидний дөнгөж үүсгэсэн дүрсийг олоорой.

Дашрамд хэлэхэд, та үүнийг Explorer дээр олохгүй байж магадгүй, учир нь бидний зураг "" доторх дүрс биш юм. ico” Үүнийг харахын тулд “Бүх файл *.*” харуулахыг сонго.

Одоо бүх зүйл зүгээр, "Дарна уу" OK“

Ийм энгийн. Энэ хавтас нь бусдаас ялгаатай болсон тул хайхад бидэнд илүү хялбар байх болно.

Гэхдээ энэ нь бүгд биш юм. Та мөн өөрийн дүрсийг товчлолд хэрэглэж болно. Тэд миний ширээний компьютер дээр хэрхэн харагдаж байгааг хараарай.

Таны компьютерийг үхэшгүй болгох заль мэх!

Өнөөдөр миний ClubPro багийн хамт олон таны компьютерийг аливаа бэрхшээлээс хамгаалдаг нэгэн заль мэхийн талаар анх удаа ярьж байна.

Энэхүү заль мэхийн ачаар таны компьютер дахин ачаалсны дараа төгс байдалд байх болно.

Үүний зэрэгцээ, өмнөх өдөр нь та вируст өртсөн байсан ч устгасан системийн хавтаснуудэсвэл үйлдлийн систем эвдэрсэн бол та компьютераа дахин асаахад л хангалттай.

Энэ аргыг ашигласнаар та компьютерээ тогтмол цэвэрлэх, үйлдлийн системийг дахин суулгах, техникч дуудах гэх мэт шаардлагагүй болно. Дахин ачаалсны дараа компьютер үргэлж ижил төлөвт байх болно.

Энэ нь хэрхэн ажилладаг, шинэ жилийн баярын үеэр энэ технологийг хэрхэн хэрэгжүүлэх талаар мэдэхийг хүсвэл эндээс үзнэ үү.

Үүнийг мэдэх нь ашигтай:

• 
  Аватан - үнэгүй зураг засварлагчонлайнаар...
• 
  
• 
  

Сайтын Favicon нь түүний нэг юм өвөрмөц онцлог. Энэ бол компанийн хувийн шинж чанарыг бий болгох, ашиглах бас нэг алхам юм. Favicon нь энгийн үгээр хэлбэл, хаягийн талбарын урд байрлах хөтөч дээр харагдах дүрс (зураг) юм. Фавиконыг хавчуургад хуудас нэмэхэд мөн ашигладаг. Зөвшөөрч байна, хэрэв таны "брэндийн" дүрс тэнд гарч ирвэл хэрэглэгч таны сайтыг хавчуурга дотроос олох нь илүү тохиромжтой байх болно.

Та бүгд дуртай сайтууддаа зочлохдоо фавиконыг анзаарсан байх гэж бодож байна. Энэ нь иймэрхүү харагдаж байна (д Google хөтөч Chrome):

Харьцуулахын тулд дотор нь дүрс харуулж байна Интернет хөтөчСудлаач:

Вэбсайтад зориулсан дүрсийг хэрхэн хийх вэ

Та дараахыг ашиглан favicon хийж болно. стандарт шинж чанарууд Photoshop (эсвэл бусад график засварлагч) болон бүх төрлийн вэб үйлчилгээг ашиглах.

Вэб үйлчилгээг ашиглан Favicon зурах

Favicon хийх хамгийн хялбар арга бол www.favicon.cc үйлчилгээг ашиглах явдал юм. Энэ нь дараах байдалтай харагдаж байна.

Дүрс зурахын тулд та хүссэн өнгө, ил тод байдлыг сонгож, хүссэн тоймыг зурах хэрэгтэй. Дүрс үүсгэх үед та үүнийг нэн даруй урьдчилан харах боломжтой:

Бэлэн зургаас Favicon үүсгэх

Дууссан дүрсийг .png форматаар хөрвүүлэхийн тулд (үүнийг дашрамд хэлэхэд, favicon тохируулахад ашиглаж болно) та өөр вэб үйлчилгээг ашиглаж болно: favicon.ru.

Сайт дээр Favicon суулгаж байна

Дүрс бэлэн болсон үед та үүнийг форматаар татаж авах боломжтой .ico. Сайт руу favicon нэмэхийн тулд favicon.ico файлыг сайтын үндсэн директорт байрлуулж шошгуудын хооронд нэмнэ үү. мөр:

Анхдагч байдлаар, хэрэв сайтын дүрсийг тодорхой заагаагүй бол хөтөч favicon.ico файлыг эхнээс нь ачаалахыг оролддог. Гэхдээ аюулгүй байх нь дээр.

(Тийм Internet Explorer).

Фавиконы хэмжээ 16x16, 32x32 байж болно.

Хэрэгтэй тэмдэглэл

Дүрс файл нь зөвхөн .ico өргөтгөлтэй төдийгүй .png өргөтгөлтэй байж болох бөгөөд сүүлийн сонголтыг ашиглахыг зөвлөж байна. Учир нь өндөр нарийвчлалтай дэлгэцийн төхөөрөмжүүд (жишээ нь iPhone, iPad, iPod) анхдагчаар 57x57 дүрсний хэмжээтэй байдаг. Үүнийг хийхийн тулд дүрсний хоёр дахь хувилбарыг (илүү өндөр нарийвчлалтай) хийж, нэмэлт мөр нэмэх нь дээр.

Гэхдээ энэ тохиолдолд дүрсийг булангуудад бөөрөнхийлж, түүн дээр тодруулга хийх болно гэдгийг тэмдэглэх нь зүйтэй (үүнийг төхөөрөмж өөрөө автоматаар хийдэг). Үүнээс зайлсхийхийн тулд оронд нь алимны мэдрэгчтэй дүрсбичих хэрэгтэй Apple-touch-Icon-precomposed.

Аливаа төхөөрөмжийг ашиглахдаа бид ихэвчлэн ижил интерфейсээс залхаж, ямар нэг зүйлийг өөрчлөхийг хүсдэг. Төхөөрөмж бүрийн хувьд системийн харагдах байдал өөр өөр байдаг. Дүрс нь аливаа интерфейсийн үндсэн бүрэлдэхүүн хэсгүүдийн нэг бөгөөд тэдгээрийг өөрчлөх нь тийм ч хэцүү ажил биш юм. Интернет дээр та бүх төрлийн төхөөрөмжид зориулсан олон дүрсний багцыг олох боломжтой. Гэхдээ тэд өвөрмөц биш, хувь хүн биш юм. Тиймээс, энэ нийтлэлд бид дүрсийг өөрөө хэрхэн яаж хийхийг авч үзэх болно, ингэснээр энэ нь таных, өвөрмөц байх болно.

Бид хоёр энгийн програмын жишээг авч үзэх болно. Тэдгээрийн тусламжтайгаар хавтас, файл, товчлол эсвэл бусад элементүүдийн дүрсийг хийх нь маш хялбар байдаг тул энэ програм нь өөрчлөхөд маш сайн хэрэгсэл болдог. гадаад төрхинтерфэйс ба түүнийг хувь хүн болгох. Эдгээрт баярлалаа энгийн програмууд, та янз бүрийн үйлдлийн системүүдийн интерфейсийн аль ч элементийн дүрсийг хийж болно.

Fasticona 1.0 үнэгүй зөөврийн

Би дүрс үүсгэх энгийн програмыг хэзээ ч харж байгаагүй. Энэ нь бүр суулгах шаардлагагүй. Үнэгүй зөөврийн Fasticona 1.0 нь дүрс зурах боломжийг олгодоггүй; Та ямар ч зургаас дүрс хийж болно (өөрийн зургаас ч гэсэн) програм нь янз бүрийн форматыг дэмждэг. Энгийн үгээр хэлбэлзүгээр л зураг хөрвүүлэгч юм.

Зурган дээрээс дүрс хийхээсээ өмнө "Файлыг нээх" товчийг ашиглан зургийг програм руу ачаална уу. Шаардлагатай параметрүүдийг сонгоно уу: хэмжээ, өнгөний гүн (дээж бүрийн өнгө ба бит), хадгалах хавтас (гаралтын зам, анхдагчаар, эхлүүлэх файл хадгалагдсан хавтас) болон дүрс файлын нэр (нэрийг гаргана уу).

Үүссэн файлыг *.ico форматаар хадгална. Мөн зөвхөн дотор нь.

Seanau Icon Tool Kit 6.0

Seanau Icon Tool Kit 6.0-ийг компьютер дээрээ суулгах шаардлагатай боловч маш бага зай эзэлнэ. Түүний үйл ажиллагаа илүү дэвшилтэт болсон. Энэ програм нь зурагнаас дүрс хийх эсвэл өөрөө зурах боломжийг олгодог. Үүнийг хийхийн тулд түүнд олон төрлийн хэрэгсэл бий.

Icon Tool Kit нь давхаргатай ажиллахыг дэмждэг, өнгөний гүн, ил тод байдлыг тохируулах боломжийг олгодог бөгөөд янз бүрийн шүүлтүүрүүд байдаг. Гаралтын файлыг *.ico, *.png, *.bmp, *.jpg эсвэл *.gif хэлбэрээр авч болно. Энэхүү програм хангамж нь Mac, Vista болон бусад дүрс дээр хэв маягийг ашиглах боломжийг олгодог гэдгийг тэмдэглэх нь зүйтэй. Интерфейс дээр илүү бүтээлч санааг хэрэгжүүлэхийг хүсч буй хүмүүст дүрс үүсгэх програмыг татаж авахыг зөвлөж байна.

Энэ бол онолгүй энгийн бөгөөд практик нийтлэл байх болно, зүгээр л дадлага хийх болно. Би фавиконыг яаж хийхээ хэлье.

Мэдээжийн хэрэг та олохыг оролдож болно бэлэн файл www.iconfinder.com вэб сайт дээр favicon.ico, гэхдээ олон хүн өөр өөрийн гэсэн зүйл хийхийг хүсдэг гэж би бодож байна. Эцсийн эцэст, энэ нь хайлтын үр дүнд таны сайтыг онцлох фавикон юм. Та энэ талаар дэлгэрэнгүйг "" нийтлэлээс уншиж болно. Ингээд эхэлцгээе.

favicon.ico-г хэрхэн өөрөө хийх вэ

1. Photoshop програмыг нээнэ үү.
2. 32x32 пикселийн баримт бичгийг үүсгэ.
3. Illustrator-аас бэлэн зургийн ухаалаг объектыг оруулна уу.
4. “Save As” командыг ашиглан фавиконыг .ICO * форматаар хадгална уу.
5. Үүссэн фавиконыг сайтын үндсэн хэсэгт байршуулж, WordPress сэдвээр холбох эсвэл сайтын загварт гараар бүртгүүлнэ үү. Би өмнө нь энэ тухай бичсэн.

*Хэрэв танд тусгай залгаас суулгаагүй бол ICO (Windows Icon) формат, та үүнийг //www.telegraphics.com.au/sw/ вэбсайтаас татаж авах боломжтой. Бүгдэд зориулагдсан Mac, Windows 32, 64 битийн хувилбарууд байдаг Photoshop хувилбарууд CS6 орно.

ICO (Windows Icon) Формат залгаасыг хэрхэн суулгах талаар

1. 64 битийн Windows (Vista/Windows 7):
   • Суулгахаасаа өмнө дахин эхлүүлэх;
   • Plugin-ийг C:\ хавтсанд байрлуулна уу Програмын файлууд\Adobe\Photoshop\Plug-Ins\File Formats, гэхдээ би өөр бүтэцтэй, би энэ файлыг энд хадгалсан: C:\Program Files\Adobe\ Adobe Photoshop CS6 (64 бит) \ Plug-ins .
   • Хэрэв та 64 бит дээр ажиллаж байгаа бол Windows системмөн Photoshop CS4 эсвэл CS5-ийн 64 бит хувилбарыг эхлүүлж байна. залгаасын 64 битийн хувилбарыг татаж авах 64 битийн Photoshop-т тохирох Plug-Ins хавтсанд (жишээ нь "Program Files (x86)" биш "Program Files" доторх хавтсанд) хийнэ үү.
2. Plugin-ийг Photoshop Plugins хавтас доторх "Файлын формат" хавтас руу зөөнө үү.
   • Windows-д зориулсан (32 бит), ICOFormat.8bi
   • Windows-д зориулсан (64 бит), ICOFormat64.8bi
   • Mac OS X-ийн хувьд, ICOFormat.plugin(CS2, CS3/4 болон CS5-д зориулж тусдаа хувилбаруудыг өгсөн гэдгийг анхаарна уу)
   • Mac OS X/Classic-ийн хувьд, icoformat
   • 68K MacOS-ийн хувьд, icoformat (68K)
3. Хэрэв Corel PSP Photo X2 ашиглаж байгаа бол залгаасыг C:\Program Files\Corel\Corel Paint Shop Pro Photo X2\Languages\EN\PlugIns-д оруулна уу.
4. Photoshop аль хэдийн ажиллаж байгаа бол гараад дахин эхлүүлнэ үү.

Мөн онлайн үйлчилгээ //www.convertico.com/ байдаг. ConvertICO бол үнэгүй онлайн хөрвүүлэгч ICO/PNG файлууд. Энэ нь хурдан ажилладаг бөгөөд хэрэглэхэд хялбар. Энэ нь вэбсайтын ширээний дүрс, програмын дүрс, фавиконыг хөрвүүлэхэд ашиглагддаг.

Одоо би танд Windows үйлдлийн систем дээр зөв харагдахын тулд ердийн ".ico"-г хэрхэн яаж хийхийг аль болох нарийвчлан хэлэх болно, үүнийг бусад системүүд дээр харуулах ёстой, гэхдээ үүнийг туршиж үзээгүй болно. Энэхүү хичээл нь Gimp-ийг мэддэг болон огт мэдэхгүй хүмүүст зориулагдсан өргөн хүрээний хүмүүст зориулагдсан болно. Жишээлбэл, та маш сайн програмист, та захиалгат програмуудыг бүтээж, тэдгээрт бэлэн ".ico" -г нэгтгэдэг, гэвч гэнэт та өөрийн гэсэн зүйлийг бүтээхээр шийдсэн боловч танд ганц график засварлагч байхгүй тул энэ хичээл танд туслах болно. чи. Энэ зааварт би ямар хэрэгслийг ашиглахаас гадна тэдгээрийг хэрхэн ашиглах талаар тайлбарлах болно.

Эхлээд би ".ico" гэж юу болох, юунд хэрэгтэйг мэдэхгүй хүмүүст хэлэх болно.

".ico" - "зураг"-ын формат тусгай хөтөлбөр, Жишээ нь:

Энд "Gimp 2.8" гүйцэтгэх боломжтой файл байгаа бөгөөд улаанаар тодруулсан нь программд аль хэдийн нэгтгэгдсэн ".ico" файл юм.

Энгийнээр хэлбэл, энэ бол програмын зураг юм. Мөн ".ico" файл нь сайтын дүрс, курсор байж болох ч одоо бидэнд хэрэггүй.

За ингээд л хичээлээ эхэлцгээе. Энэ зааварт би энэ зургийг ашиглах болно.

1. Томруулах

Таны хийх ёстой хамгийн эхний зүйл бол "икон" болгохыг хүссэн зургаа "256x256" хэмжээтэй болгох явдал юм. Үүнийг хоёр аргаар хийж болно, эхнийх нь илүү хялбар боловч хоёр дахь нь хэцүү биш юм.

Арга 1:

Gimp засварлагчийн дээд талын мөрөнд "Зураг" дээр товшоод "Зургийн хэмжээ" -ийг сонгоно уу.

Нээгдсэн цонхонд өндөр, өргөнийг 256 болгож тохируулна уу.

Энэ нь тийм ч сайхан биш байсан ч залхуу хүмүүст зүгээр.

Үүнийг хоёр дахь аргаар хийсэн нь дээр, учир нь би үүнийг хийсэн.

Арга 2:

Шинэ зураг үүсгээд, талбар дээрх "Файл" дээр товшоод "Үүсгэх" -ийг сонгоно уу.

Өргөн ба өндрийг "256×256" гэж зааж өгөөд бусад параметрүүдийг хөндөхгүй орхи.

Бид үүнийг хийж чадна.

"Арын дэвсгэр" давхарга дээр хулганы баруун товчийг дараад "Альфа суваг нэмэх" -ийг сонгоно уу.

Одоо Gimp засварлагч дээр зургаа нээнэ үү. !Үйлдвэрлэсэн зургийг хааж болохгүй!

Дээд талбараас "Засах" товчийг дараад "Хуулбарлах" гэснийг сонгоно уу.

Бид үүсгэсэн хоосон "256x256" зураг руу буцна.

Дээд талбараас "Засах" товчийг дараад "Буулгах" гэснийг сонгоно уу.

Та үүнтэй төстэй зүйлтэй болно:

"Хамшрах" хэрэгсэл дээр дарсны дараа (бид юу ч өөрчлөхгүй) багасгахыг хүсч буй энэ зураг дээр товшоод масштабын тохиргоо бүхий цонх нээгдэнэ. Миний "Өргөн" ба "Өндөр" нь таныхаас ялгаатай байх бөгөөд энэ нь зургийн хэмжээнээс хамаарна.

Цонхонд эвдэрсэн гинж дээр дарж бүхэл бүтэн болж, хоёр утгын аль нэгийг нь 256 болгож тохируулна уу, энэ нь зургаас хамаарна. Миний зураг тэгш өнцөгт хэлбэртэй бөгөөд би өргөнийг золиосолж чаддаг тул би "Өндөр" гэсэн утгыг тохируулсан боловч өргөн нь бас өөрчлөгдөх ёстой.

"Өөрчлөх" дээр дарна уу.

Тасархай шугамаар тодруулсан хэсэг нь таны зураг, гэхдээ энэ нь "зотон" -ын ард байгаа бөгөөд энэ нь хамаагүй, үүнийг зотон дээр шилжүүлэх шаардлагатай.

Үүнийг багаж самбар дээрх Move хэрэглүүрээр хийцгээе. Хэрэгсэл дээр дарна уу.

Дараа нь тасархай шугамаар тодорсон хэсэг дээр хулганыг хөдөлгөж, хулганы зүүн товчийг дарж, давхаргыг зотон дээр чирнэ үү.

Зургийг ирмэгээс хэтрүүлэхгүй байхыг хичээгээрэй, хэрэв тийм биш бол та "Масштаб" хэрэгслээр давхаргыг багасгаж болно. Би үүнийг ингэж авсан:

Бид зургийг пропорцийг нь өөрчлөхгүйгээр зураг дээр тохируулсны дараа (энэ нь энэ хоёр дахь аргын даалгавар байсан) "Арын дэвсгэр" давхаргыг устгаж болно. Layers-Brushes самбараас Background давхарга дээр хулганы баруун товчийг дараад Delete Layer командыг сонгоно.

Үлдсэн сүүлчийн алхамдүрсийг багасгах. Үүнтэй ижил самбар дээр өөрийн зурагтай давхарга дээр хулганы баруун товчийг дараад гарч ирэх цэснээс "Давхаргаас зургийн хэмжээ"-г сонгоно уу.

Хэрэв шар өнгийн тасархай зураас нь зурагны ирмэг дээр байвал:

Дараа нь би танд баяр хүргэе, та зургийг багасгаж дууссан байна.

Одоо ".ico" форматаар өндөр чанартай дүрс бүтээх ажилд орцгооё.

2. Давхаргын 15 хувь

Бидэнд шаардлагатай хэмжээний зургийг бүтээсний дараа бид давхаргыг 15 удаа хуулах хэрэгтэй, өөрөөр хэлбэл "Давхарга-Сойз" самбарт 15 ижил давхарга байх болно. Тийм ээ, энэ нь үсгийн алдаа биш, яг 15, учир нь бид өндөр чанартай ".ico" файл үүсгэх болно.

Эхлээд би эдгээр арван таван давхаргаар юу хийхээ тайлбарлах болно. ".ico" файлд давхаргын бүтэц нь өөр өөр чанарын гурван "тасалгаа"-аас бүрдэх болно (тэдгээр нь тус бүр нь 5 өөр дүрсний хэмжээтэй байх болно), ингэснээр файлыг хаа сайгүй харж болно.

Би цаасан бүтээгдэхүүнийг жишээ болгон тайлбарлах болно: Хэрэв та цаасаар гар урлал хийх шаардлагатай бол үүнийг картоноор хийж болно гэх мэт баримт биш юм. Жишээ нь тодорхой байна гэж найдаж байна. Ажилдаа орцгооё.

2.1 Хуулбарлах

Бид 15 хувийг бүтээдэг. "Layers-Brushes" самбарыг ашиглан давхарга дээр хулганы баруун товчийг дараад "Давхаргыг хуулбарлах" гэснийг сонгоно уу.

Жагсаалтад 15 давхарга байх хүртэл бид үүнийг хийдэг.

Би самбарыг сунгасан бөгөөд ингэснээр та яг 15 давхарга байгааг харж болно. Энэ нь шаардлагагүй, гэхдээ энэ нь тохиромжтой. Түүнчлэн, ойлгоход хялбар болгох үүднээс би давхаргуудыг "тасалгаа" -ыг харгалзан дахин нэрлэсэн, дахин шаардлагагүй, гэхдээ тохиромжтой.

2.2 Томруулах

"Scale" хэрэглүүрийг ашиглан бид "2" нэртэй давхаргыг барилгын бүтцийг алдагдуулахгүйгээр өөрчилдөг. Өндөр ба өргөнийг 48 болгож тохируулаарай, өөрөөр хэлбэл давхарга нь 48x48 байх ёстой. "3" давхарга нь 32х32 байх ёстой. "4" давхарга нь 24х24, эцэст нь "5" давхарга нь 16х16 байх ёстой. Та үүнтэй төстэй зүйлийг авах болно.

Бид бусад "салбарууд" -тай ижил зүйлийг хийдэг.

Мөн сүүлчийн түлхэлт.

Үүний үр дүнд бид дараахь зүйлийг авна.

3. Дүрсүүдийг шаардлагатай форматаар экспортлох (хадгалах).

Таны ажлыг хадгалах цонх нээгдэнэ. Файлын нэр нь хамаагүй, энэ нь юу ч байж болох бөгөөд дэлгэцийн агшин дээрх шиг формат нь зөвхөн ".ico" байх ёстой гэдгийг анхаарна уу.

"Экспорт" дээр дарснаар цонх гарч ирнэ нарийвчилсан тохиргооимпорт. Дэлгэцийн зураг дээр үзүүлсэн шиг бүх зүйлийг тохируулах шаардлагатай, эс тэгвээс би зөв ажиллах баталгаа өгөхгүй.

Өөрөөр хэлбэл, таван зурагтай эхний "салбар" нь "8 bpp", хоёр дахь нь "24 bpp", гурав дахь нь өөрчлөгдөхгүй байх ёстой. Ингээд л боллоо, баяр хүргэе, та одоо хэрхэн өндөр чанартай ".ico" хийхийг мэддэг болсон. Хөтөлбөрт нэгтгэсэн энэ дүрсийг ашиглах жишээ энд байна.

Би таны шүүмжлэлийг хүлээн авч, хэрэв та ямар нэг зүйлийг ойлгохгүй байвал үүнийг олж мэдэхэд тань туслах болно. Анхаарал тавьсанд баярлалаа.

Favicon Ico үүсгэх боломжийг олгодог олон сайтууд байдаг. Тиймээс бид өөрсдийн зургийг сайтад оруулахад гаралт болгон favicon ico гарч ирдэг. Гэхдээ өндөр чанартай favicon ico хийхийн тулд favicon ico нь ойлгомжтой, ойлгомжтой байх шаардлагатай. Энд бид Adobe Photoshop програмыг ашиглан хэрхэн favicon ico хийхийг харуулах болно. Үүний үр дүнд та өндөр чанартай зохиолчийн фавикон дүрсийг хүлээн авах болно.

Favicon Ico болгохын тулд залгаасыг суулгана уу

Эхлэхийн тулд ico форматаар зураг хадгалах чадвартай байхын тулд танд Photoshop хэрэгтэй. Үүнийг хийхийн тулд та дараахь зүйлийг хийх хэрэгтэй.

А. залгаасыг татаж аваад задлаад дараах хавтас руу зөөнө үү: C:\Program Files\Adobe\Photoshop CS\Plug-Ins\File Formats

б. Дараа нь Photoshop-ийг дахин эхлүүлж, favicon дүрсийг үүсгэж эхлээрэй.

Одоо бид favicon дүрсийг хийж болно

Favicon Ico хийхийн тулд Photoshop-ийн бүх нарийн ширийн зүйлийг мэдэх шаардлагагүй. Фотошопыг ерөнхийд нь мэддэг байх нь хангалттай, учир нь favicon дүрсийг бүтээхийн тулд ямар ч ур чадвар шаардагддаггүй. график редакторууд. Тиймээс ico бол маш энгийн бөгөөд хийх боломжтой ажил юм.

Тиймээс, Photoshop програмыг ажиллуулж, фавикон дүрс үүсгэхийн тулд баруун дээд буланд байгаа товчийг дарна уу: Файл - Үүсгэх.

Дараах цонх гарч ирэх бөгөөд үүнд бид favicon дүрсийн өргөн ба өндрийг 16x16 пикселээр зааж өгөх болно. Тиймээс бид favicon ico-ийн арын дэвсгэрийг тунгалаг болгож, өргөтгөл нь 96 пиксел/инч, өнгөний горимыг RGB, үүний дагуу 8 битээр сонгосон.

Дараа нь бид масштабын хэрэгслийг аваад favicon дүрсийг томруулж, фавикон дүрсийг зурахад илүү тохиромжтой байх болно.

Харандааны хэмжээг зааж өгнө үү

Харандааны өнгийг тодорхойлж, харандаагаа хүссэн өнгөөрөө фавикон дүрс зур.

Гараар favicon ico үүсгэх нь ямар нэгэн дүрсийг 16х16 пиксел болгон багасгавал ойлгомжгүй цэг гарч ирэх бөгөөд тодорхой, чанартай болгохын тулд favicon ico-г гараар зурдагтай холбоотой юм. Тиймээс таны үүсгэсэн favicon дүрс нь маш энгийн байх ёстой.

Favicon дүрсийг зурсны дараа та үүсгэсэн фавикон дүрсийг хадгалах хэрэгтэй.

Үүнийг хийхийн тулд дараах командуудыг дарна уу: File - Save As эсвэл ctrl+shift+s.

Файлын төрлийг сонгоно уу: ICO (Windows Icon)(*.ICO)

Файлын нэрийг зааж өгнө үү: favicon.icoЖич: Фавикон дүрсийг амжилттай хадгалахын тулд дүрсийг зурсан дэвсгэр нь ил тод байх шаардлагатай. Мөн та зөв хадгалалтыг шалгахын тулд favicon.ico дүрс дээр хулганы баруун товчийг дараад шинж чанаруудыг сонгоод Хураангуй таб руу очно уу. Хэрэв та энэ таб дээр зургийн бүх шинж чанарыг харвал дүрс нь зөв хадгалагдсан байнаөөрөөр

Та favicon.ico-г дахин хадгалах хэрэгтэй.

Бид favicon.ico-г index.html хуудас байрладаг сайтын үндсэн хэсэгт хадгалдаг

Favicon Ico зөв эсэхийг шалгаж байна Favicon дүрс зөв эсэхийг шалгахын тулд та favicon дүрсийг бичсэн сайт руу ороод хөтөчөөр дамжуулан хаягийн мөрийг харна уу., Opera, Internet Explorer. Хэрэв үүсгэсэн фавикон дүрс нь сайтын хаягийн мөрөнд гарч ирвэл favicon дүрсийг бүтээх ажил амжилттай дууссан гэсэн үг юм.

Үлдсэн зүйл бол favicon дүрсийг индексжүүлэхийг хүлээх бөгөөд дараа нь Yandex хайлтын үр дүнд favicon Ico нь сайтын хуудасны эсрэг талд гарч ирэх болно. Favicon дүрсийг индексжүүлэх нь долоо хоногоос хэдэн сар хүртэл үргэлжилж болно.

Аливаа төхөөрөмжийг ашиглахдаа бид ихэвчлэн ижил интерфейсээс залхаж, ямар нэг зүйлийг өөрчлөхийг хүсдэг. Төхөөрөмж бүрийн хувьд системийн харагдах байдал өөр өөр байдаг. Дүрс нь аливаа интерфейсийн үндсэн бүрэлдэхүүн хэсгүүдийн нэг бөгөөд тэдгээрийг өөрчлөх нь тийм ч хэцүү ажил биш юм. Интернет дээр та бүх төрлийн төхөөрөмжид зориулсан олон дүрсний багцыг олох боломжтой. Гэхдээ тэд өвөрмөц биш, хувь хүн биш юм. Тиймээс, энэ нийтлэлд бид дүрсийг өөрөө хэрхэн яаж хийхийг авч үзэх болно, ингэснээр энэ нь таных, өвөрмөц байх болно.

Бид хоёр энгийн програмын жишээг авч үзэх болно. Тэдгээрийн тусламжтайгаар хавтас, файл, товчлол эсвэл бусад элементүүдийн дүрсийг хийх нь маш хялбар байдаг тул энэ програм хангамж нь интерфэйсийн харагдах байдал, түүнийг хувь хүн болгон өөрчлөх маш сайн хэрэгсэл болдог. Эдгээр энгийн програмуудын ачаар та янз бүрийн үйлдлийн системийн интерфэйсийн аль ч элементийн дүрсийг хийж болно.

Fasticona 1.0 үнэгүй зөөврийн

Би дүрс үүсгэх энгийн програмыг хэзээ ч харж байгаагүй. Энэ нь бүр суулгах шаардлагагүй. Үнэгүй зөөврийн Fasticona 1.0 нь дүрс зурах боломжийг олгодоггүй; Та ямар ч зургаас дүрс хийж болно (өөрийн зургаас ч гэсэн) програм нь янз бүрийн форматыг дэмждэг. Энгийнээр хэлбэл энэ нь зүгээр л дүрс хувиргагч юм.

Зурган дээрээс дүрс хийхээсээ өмнө "Файлыг нээх" товчийг ашиглан зургийг програм руу ачаална уу. Шаардлагатай параметрүүдийг сонгоно уу: хэмжээ, өнгөний гүн (дээж бүрийн өнгө ба бит), хадгалах хавтас (гаралтын зам, анхдагчаар, эхлүүлэх файл хадгалагдсан хавтас) болон дүрс файлын нэр (нэрийг гаргана уу).

Үүссэн файлыг *.ico форматаар хадгална. Мөн зөвхөн дотор нь.

Seanau Icon Tool Kit 6.0

Seanau Icon Tool Kit 6.0-ийг компьютер дээрээ суулгах шаардлагатай боловч маш бага зай эзэлнэ. Түүний үйл ажиллагаа илүү дэвшилтэт болсон. Энэ програм нь зурагнаас дүрс хийх эсвэл өөрөө зурах боломжийг олгодог. Үүнийг хийхийн тулд түүнд олон төрлийн хэрэгсэл бий.

Өдрийн мэнд, эрхэм уншигчид. Заримдаа өчүүхэн зүйл ч өөрчлөлт авчирдаг. Өнөөдөр бид сайтад ихээхэн ашиг тусаа өгдөг ийм бараг үл үзэгдэх гинжүүдийн талаар ярих болно.

Энэ нийтлэлээс та фавикон яагаад хэрэгтэй вэ, тэдгээрийг хаанаас хайх, дүрсийг хэрхэн яаж хийхийг сурах болно ico форматэнгийн бөгөөд хурдан.

Хүн бүрийн далд ухамсарт хадгалагддаг үл үзэгдэх элемент

Favicon бол жижиг зураг юм. Yandex-д энэ нь аль хэдийн хайлтанд орсон порталын нэрний хажууд гарч ирэх бөгөөд эх сурвалжийг нээсэн даруйд хөтөч дээр харагдах болно.

Та тэдэнд анхаарал хандуулсан байх. Тэднийг яг ийм зорилгоор ашигладаг. Дүрсүүд нь тодорхой эх сурвалжийг цээжлэхэд тусалдаг, учир нь харааны мэдээлэл илүү хурдан шингэж, далд ухамсарт нэвтэрдэг. Та хүнийг нэг удаа харж, түүнтэй гурван цагийн турш чатлаж, түүний дурсамжийг маш удаан хугацаанд сонгож болно, энэ нь түүнтэй хоёр дахь удаагаа уулзах нь зүйтэй юм. Харааны мэдээлэл (нүүр царай) нь санах ойд бусад бүх зүйлээс илүү гүн шингэсэн байдаг.

Хэрэв та дүрсийг хоёр, гурван удаа харвал энэ нь далд ухамсрын түвшинд хадгалагдах болно, та порталд итгэж, олны дундаас сонгоход илүү бэлэн байх болно.

Хэрэв та тодорхой асуулгын талаар мэдээлэл хайж, хэд хэдэн таб нээвэл эхлээд фавикон нь танд танил болсон хүмүүсийг харах бөгөөд эхний эх сурвалжаас авсан мэдээлэлд сэтгэл хангалуун байвал үлдсэн хэсгийг нь хаах болно.

Би танд вэбсайтын дүрс намайг хэрцгий хошигносон тухай түүхийг ярих болно. Би хэдэн ном татаж авах хэрэгтэй болсон. Би танил фавиконыг харсан бөгөөд энэ нь дизайныг анх удаа харж байгаа зүйл биш юм. Гайхалтай, би өмнө нь энд байсан! Би бараг юу ч бодолгүй татаж авах дээр дарсан. Хадгалах цаг гарахаас өмнө вирусны эсрэг программ нь маш их хашгирч, компьютерийг хадгалах боломжгүй болсон тул системийг дахин суулгах шаардлагатай болсон. Зөвхөн тэр мөчид л би энэ сайтыг хаанаас мэддэг байснаа санаж, сайн санаж байна. Яг үүнтэй ижил нөхцөл байдал жилийн өмнө ижил нөөц дээр тохиолдсон.

Хэрхэн 2 минутын дотор фавикон үүсгэх вэ

Таны сайтын дүрс дотор байж болно png форматэсвэл ico, 16 x 16 пиксел.

Та хөрвүүлэгчийг ашиглаж, дурын зургаас фавикон үүсгэж болно. Жишээлбэл, энд https://www.icoconverter.com/ . Файл сонгоно уу.

Жишээлбэл, би аль хэдийн зураг бэлдсэн. PNG форматыг сонгох нь хамгийн сайн арга юм, дараа нь ирмэг нь ил тод болно.

16 пикселийг сонгоно уу. Зарим хүмүүс 8 битийн зургийг (Битийн гүн) илүүд үздэг. Дараа нь зураг илүү хурдан ачаалах болно. Энэ нь ялангуяа хамааралгүй болсон юм шиг надад санагдаж байна. Сайхан, өндөр чанартай зүйлсийг ашигла. Энэ нь илүү ашигтай байх болно.

Тэгэхээр ингээд л болоо биз дээ. Гэсэн хэдий ч надад алдаа гардаг. Баримт нь зургийн хэмжээ нь зөвшөөрөгдсөн стандартаас хэтэрсэн явдал юм. Зураг нь 3 МБ-аас ихгүй байх ёстой.

Та шахаж, эсвэл Paint хийж болно, гэхдээ би танд өөр сонголтыг харуулах болно. Хэрэв та Google-ээс зургийг татаж авсан бол дахин олоод "Зургаар хайх"-ыг ажиллуулна уу.

Одоо "Жижиг" хэсгийг сонгоно уу.

Ижил зургийг татаж аваарай, гэхдээ жижиг хэмжээтэй.

Дахин хөрвүүлье.

Бэлэн дүрсийг хаанаас хайх вэ

Дүрсийг олох илүү хялбар бөгөөд шударга арга бол үүнийг татаж авах явдал юм онлайн үйлчилгээ https://www.iconearch.ru/ . Эдгээр зургийг ашиглахыг захиргаа зөвшөөрсөн бөгөөд хуулиар шийтгэгдэхгүй. . Хайлтын талбарт дурын нэрийг оруулаад дууслаа.

PNG болон ico форматтай зураг хайж, сайт дээр татаж аваад суулгаарай.

Гэхдээ та өөрөө үүнийг бүтээхийг хүсч байвал яах вэ? Үүнд төвөгтэй зүйл байхгүй.

Мэргэжилтнүүд болон мэргэжилтэн болох хүсэлтэй хүмүүст зориулсан бүтээлч ажил

Аливаа бизнес сайн. Хэрэв та шинэ мэдлэгт татагдаж, чадвараа хөгжүүлэхийн тулд бүх төрлийн жижиг зүйлийг хийхэд бэлэн байвал сайхан байна. Хэрэв та порталд сонирхолтой зүйл хийхийг хүсч байвал танд хэрэгтэй болно үнэ төлбөргүй үйлчилгээ: https://favicon.ru/ .

Өнгө сонгоно уу.

Үүнд заасан талбарт зур.

Үүний зэрэгцээ үр дүнг хянах. Дараа нь татаж аваад дуусна.

Магадгүй та бэлэн зураг ашиглан урам зориг авах болно. Компьютерээсээ файл сонгоно уу.

Таны зураг 8 битийн фавикон болж хувирна. Арын дэвсгэрийг арилгахын тулд ил тод байдлыг ашигла.

Энэ бол таны авах үр дүн юм. Би чамайг мэдэхгүй ч ний нуугүй хэлэхэд би түүнд тийм ч их дургүй.

Энэ ажилд Photoshop () ашиглахад би маш их баяртай байх болно. Би дүрс үүсгэж, PNG хэлбэрээр хадгалаад дараа нь үүнийг ашиглан хөрвүүлнэ https://www.icoconverter.com . Тийм ээ, илүү их ажил байгаа ч үр дүн нь илүү сонирхолтой, үзэсгэлэнтэй байх болно. Гэсэн хэдий ч сонгох нь танаас хамаарна.

Нэг залуу 9 минутын дотор гайхалтай дүрсийг бүтээдэг видеог үзээрэй.

Хэрэв танд энэ видео таалагдсан бөгөөд Photoshop програмыг илүү гүнзгий судлахыг хүсвэл Зинаида Лукьяненкогийн хичээлийг санал болгож байна. VIP 3.0 видео форматаар эхнээс нь Photoshop ). Хэдхэн долоо хоногийн дотор та энэ хөтөлбөртэй ажиллахад шаардлагатай бүх ур чадвараа эзэмших болно.

Би үүнийг давтахаас залхахгүй техникийн тал- Энэ бол тийм асуудал биш. Ур чадвараа дээшлүүлж, үр дүнтэй төслүүдийг бий болгож сурах нь чухал юм. Мөн үүнийг зөвхөн практик дээр хийх боломжтой. Технологийн талаархи бүх үндсэн мэдлэгийг олж авсны дараа.

Дараа нь туршлага, дадлага хийдэг. Эхлээд нэг зургийг бүтээхэд хэдэн цаг зарцуулдаг боловч цаг хугацаа өнгөрөхөд ямар өнгөнүүд хоорондоо зохицож, энэ эсвэл тэр тохиолдолд хамгийн сайн хэрэглэгддэг техникүүд нь танд тодорхой болно. Мэргэжлийн дизайнеруудын ажлыг харах шиг тааламжтай зүйл байхгүй. Энэ бол үнэхээр гайхалтай.

Утга учиргүй ойлгоход цаг бүү үр, өөрийнхөө авьяасыг хөгжүүл. Та амьдралынхаа эцэс хүртэл хамгийн их зүйлийг олохыг хичээсэн үлгэрийн модчин шиг байж болохгүй. хурдан аргасүх барин ажиллаж байсан ч өндөр насалж, нэг ч мод огтлоогүй. Тэрээр бүх цагаа харилцан яриа, үндэслэл, ном болон өөрт нь хамаатай асуултын хариултыг хайж олоход зориулжээ. Амьдралынхаа төгсгөлд тэрээр хамгийн сайн сонголт ажиллаж байгаа эсэхийг шалгах хүч чадалгүй болсон - зүгээр л хий.

Бүх зүйлийг цаг тухайд нь хий. Тун удахгүй та хэрхэн хялбар, хурдан, хамгийн сайн аргаар ажиллах боломжтойг ойлгох болно. Энэ үе шатанд даалгавруудыг ядаж ямар нэгэн байдлаар гүйцэлдүүлээрэй, тэгвэл та гайхалтай мэдлэгээр эцэст нь хүрэх боломжтой болно.

Хэрэв танд энэ нийтлэл таалагдсан бол мэдээллийн товхимолд бүртгүүлээрэй. Та интернетээс өөрийгөө хайж олоход туслах хамгийн сүүлийн үеийн мэдээллийг хүлээн авч, дуртай зүйлээ хийснээр сайн мөнгө олох боломжтой болно: дизайн хийх, текст бичих, зохион байгуулалт, тэр ч байтугай эдгээр бүх үйл явцыг удирдах. Хүн бүрт зориулсан зүйл байдаг.

Таны ажил үйлсэд амжилт хүсье. Дараагийн удаа хүртэл.