Tjeneste til oprettelse af favoritter online. En universel måde at skabe favicons på. Funktioner af Yandex, der arbejder med favicons

Favicon -(forkortelse af ord "Favoritikon") er en lille billedstørrelse 16x16 pixels, som en besøgende på dit websted vil se. Den vises ved siden af ​​webstedets URL i browserens adresselinje. Derudover vises dette ikon ved siden af ​​dit websteds navn på listen over åbne faner, bogmærker og søgeresultater, hvilket gør det nemmere for brugere hurtigt at finde dit websted blandt andre websteder.

Standard som ikoner webstedet vises et browserikon. For at siden skal være anderledes end resten og ikke fare vild i de utallige grå faner, der åbnes af brugeren, skal du lave dit eget originale favicon.

Selvom mange moderne webbrowsere understøtter favicons i GIF, PNG eller andre populære filformater, kræver alle versioner af Internet Explorer stadig favicons som filer ICO(Microsoft-format). I dette format vil enhver browser forstå dit ikon.

Hvorfor har du brug for et favicon?

Et favicon er nødvendigt, så dit websted på en eller anden måde skiller sig ud fra mængden på søgeresultatsiden og er synligt i mange åbne faner i browseren. Et godt ikon er som et logo på dit websted, som vil være genkendeligt og skaber en bestemt holdning og fremkalder en særlig grad af tillid.

Naturligvis kan et favicon tiltrække brugerens opmærksomhed, og han vil læse titellinket til din artikel. Titlen vil i kombination med et godt uddrag og et smukt ikon øge klikraten og dermed trafikken til ressourcen.

Jeg vil gerne bemærke med det samme, at for websteder, der har "GS"-etiketten, er ikonet i sig selv ikke i stand til at forbedre indtrykket af ressourcen. Men det er ligesom et møde om tøj. Et vidunderligt favicon vil helt sikkert skabe det første indtryk af siden og invitere dig til at besøge.

Sådan opretter du et favicon

Du kan selvfølgelig prøve at finde en færdig favicon.ico-fil på hjemmesiden www.iconfinder.com, men jeg tror, ​​mange kunne tænke sig at lave noget helt eget. Det er trods alt faviconet, der fremhæver dit websted i søgeresultaterne. Du ved nu, hvordan du gør dette. Så lad os komme i gang.

Logaster er en onlinetjeneste til at skabe logoer og virksomhedsidentitetselementer. I den modtager du automatisk, med blot et par klik, et ikon for webstedet i ICO- og PNG-format.

Men husk på, at ingen automatisk logogenerator kan erstatte menneskelig kreativitet.

Selvfølgelig vil store virksomheder ikke bruge sådanne værktøjer. De vil finde en dyr designer til at skabe et professionelt logo til dem. Men for små virksomheder og private iværksættere kan et sådant værktøj være nyttigt.

Hvordan fungerer processen med at oprette et ikon i Logaster?

1. For at sikre, at dit favicon matcher dit logo, bliver du bedt om at oprette et logo først (det er gratis).
2. Skriv et navn og, hvis du vil, et slogan, angiv typen af ​​aktivitet, og Logaster vil selvstændigt forberede mange logomuligheder for dig.
3. Vælg et passende logo, du kan ændre det senere.

Her er hvad jeg fik

Nu kan du klikke på knappen "Download logo". I den gratis version vil der være et Logaster.com vandmærke på den

Logoet kan købes. Derefter vil du være i stand til at downloade i det valgte format (PNG, JPEG, PDF, SVG) og størrelse (1024 px, 5000 px).

Lad os nu gå videre til at oprette et favicon.

1. Igen, vælg den mulighed, du kan lide.
2. Du kan ændre formen til at være firkantet, afrundet, rund eller slet ingen form.
3. Hvis det ønskes, kan du tilføje et farvet streg ved at klikke på stregværktøjet.
4. Klik på knappen "Gem".

Sådan blev faviconet. I princippet ser det godt ud.

Sådan tilføjer du et favicon til din hjemmeside

1. Køb og aktiver faviconet.
2. Download det.
3. Pak den downloadede fil ud i rodmappen på dit websted.
4. Indsæt følgende kode på alle sider på webstedet i tagget :

Designpakke med rabat

Derudover kan du købe hele virksomhedens identitetssæt. Her er en mulighed.

Relateret artikel: Optimering af layout til Retina-skærme

Plugin til oprettelse af favicons

Der er et stort antal forskellige programmer til at skabe favicons. Dybest set er de primitive, så du kan oprette ikoner ved hjælp af 16 farver.

Du kan oprette et favicon direkte i Photoshop. For at gøre dette skal du bruge et plugin, som kan downloades fra www.telegraphics.com.au. For at installere det, kopier filen ICOFormat.8bi til mappen c:Program FilesAdobeAdobe Photoshop CS2Plug-InsFile Formats.

Brug af et plugin ICOFormat.8bi, kan du gemme billeder som ".ico-filer".

Sådan installeres plugin'et ICO (Windows Icon) Format

1. 64-bit Windows (Vista/Windows 7):
   • Genstart før installation;
   • Placer plugin'et i mappen C:Program FilesAdobePhotoshopPlug-InsFile Formats, men jeg har en anden struktur, jeg gemmer denne fil her: C:Program FilesAdobeAdobe Photoshop CS6 (64 Bit)Plug-ins.
   • Hvis du kører på et 64-bit Windows-system og starter 64-bit versionen af ​​Photoshop CS4 eller CS5, download 64-bit versionen af ​​plugin og læg den i mappen Plug-Ins svarende til 64-bit Photoshop (dvs. den i "Program Files" ikke "Program Files (x86)").
2. Flyt pluginnet til mappen "Filformater" i din Photoshop Plugins-mappe:
   • Til Windows (32-bit), ICOFormat.8bi
   • Til Windows (64-bit), ICOFormat64.8bi
   • Til Mac OS X, ICOFormat.plugin(bemærk, at separate versioner leveres til CS2, CS3/4 og CS5)
   • Til Mac OS X/Classic, icoformat
   • Til 68K MacOS, icoformat (68K)
3. Hvis du bruger Corel PSP Photo X2, skal du sætte pluginnet i C:Program FilesCorelCorel Paint Shop Pro Photo X2LanguagesENPlugIns
4. Afslut og genstart Photoshop, hvis det allerede kører.

Der er også en online-tjeneste www.convertico.com. ConvertICO er en gratis online ICO/PNG-filkonverter. Det virker hurtigt og er nemt at bruge. Det bruges til at konvertere skrivebordsikoner, applikationsikoner og favicons til websteder.

Sådan laver du favicon.ico selv

1. Åbn Photoshop.
2. Opret et 32x32 pixel dokument.
3. Indsæt et smart objekt af det færdige billede fra Illustrator.
4. Brug "Save As" kommandoen til at gemme favicon i .ICO * format.
5. Upload det resulterende favicon til webstedets rod, og tilslut det via et WordPress-tema, eller registrer det manuelt i webstedsskabelonen. Jeg har allerede skrevet om, hvordan man forbinder favicon tidligere.

*Hvis du ikke har et specielt plugin installeret ICO-format (Windows-ikon)., kan du downloade den fra www.telegraphics.com.au/sw/. Der er til Mac, Windows 32, 64-bit med understøttelse af alle versioner af Photoshop, inklusive CS6.

favicon display

Til dit websted viste et favicon, det kan simpelthen placeres i roden af ​​webstedet. Browseren og søgemaskinerne vil selv bestemme, at du har en favicon.ico-fil og vil vise den automatisk. Denne metode er den enkleste, og den er effektiv i 95% af tilfældene. Men du kan også udtrykkeligt inkludere et favicon.

Hvad er et favicon?

For dem, der ikke ved, hvad et favicon er, giver vi dig lidt information, der hjælper dig med at komme op i fart. Et favicon er et lille ikon, der måler 16x16 eller 32x32 pixels, som normalt indeholder et logo, det første bogstav i et brand eller et karakteristisk billede, der afspejler typen af ​​virksomhed eller tema på webstedet.

Hvorfor er et favicon vigtigt?

Favicon udfører følgende funktioner:

Branding.

Identifikation af webstedet af brugeren (brugervenlighed).

Giver siden et professionelt udseende.

Lad os se nærmere på de vigtigste fordele ved at bruge favicons.

Brand anerkendelse

Favicon er som en lille webstedsidentitet. Som nævnt i den indledende del hjælper et favicon brugeren med at huske dit websted blandt de mange sider, de har set. Uanset om det er din browserhistorik, Google-søgeresultater eller din browsers liste over bogmærkede websteder, hjælper favicons brugere med nemt at genkende og få adgang til dit websted.

Tillid

Brugere har en tendens til at bedømme onlinesælgere af varer og tjenester baseret på, hvor professionel deres hjemmeside er. Skødesløshed i form af mangel på et favicon (søgemaskiner viser et websted uden et favicon som et ikon for et tomt dokument) kan nemt føre til tab af tillid, især når brugere sammenligner dig med dine konkurrenter.

Gentagne besøg

Det er kendt, at folk reagerer bedre på billeder end på tekst. Lad os nu sige, at en besøgende på dit websted havde travlt, da de første gang besøgte det, og besluttede at bogmærke det, så de kunne vende tilbage senere. Lad os sige, at denne person efterfølgende beslutter at besøge dit websted igen og vender sig til sine bogmærker. Du er heldig, hvis du har et genkendeligt favicon, som Googles fremtrædende og unikke G, og brugerne vil finde dig. Hvis du ikke har et favicon, kan du endda blive fjernet fra din bogmærkeliste.

Sparer brugertid

Favoritikoner sparer brugerens tid brugt på at identificere et websted i bogmærker, historik eller andre steder, hvor browseren placerer et favicon til hurtig identifikation. Det gør bare livet lettere for den gennemsnitlige besøgende på dit websted.

SEO fordele

Hvis dit websted har et favicon, vil du være mere synlig i søgeresultaterne end websteder, der ikke har et, og derfor kan tiltrække flere besøgende.

Hvordan opretter man et favicon?

Der er mange værktøjer, der giver dig mulighed for at oprette et favicon på få minutter. Hvis du ikke har designfærdigheder eller ikke ved, hvordan du gør det, kan du prøve at generere et favicon ved hjælp af Logaster.

For at gøre dette skal du følge trin-for-trin instruktionerne:

Trin 5: Opret et favicon

Nu hvor du har et logo, skal du klikke på "Opret et favicon med dette logo" på logosiden.

Trin 6. Vælg det ønskede favicon-design

Som med logoet vil Logaster generere flere dusin smukke og brugsklare favicons. Vælg dit yndlingsdesign. Forhåndsvisningen giver dig mulighed for at se, hvordan dit favicon vil se ud på webstedet.

Skal du ændre favicon, kan du gøre dette ved at redigere logoet, ligesom faviconer oprettes ud fra logodesignet. Så hvis du for eksempel vil have en anden favicon-farve, skal du gå tilbage til logosiden, ændre dens farve og derefter oprette faviconet igen.

Du kan finde inspiration til favicons på følgende sider:

Trin 7. Download favicon

Du kan købe favicon separat for $9,99 eller købe en designpakke, der ikke kun inkluderer favicon, men også et logo, visitkort, konvolut og brevpapir. Du kan finde ud af, hvordan du køber en Design Pack.

Efter betaling kan du downloade favicon i ico- og png-formater.

Hvor kan jeg bruge et favicon?

Du kan bruge favicon:

På siden;

Mobile enheder. Brugeren kan tilføje et favicon til startskærmen på sin enhed (noget som et bogmærke) - Android, IOS, Windows Phone osv.;

Programmer og applikationer til PC/Mac.

Hvordan installerer man et favicon på en hjemmeside?

Når du har modtaget faviconet, vil installationen af ​​det på serveren ikke tage mere end et par minutter og gennemføres i to trin. For at gøre dette skal du have adgang til rodmappen på dit websted og en teksteditor for at ændre webstedets HTML-kode.

Trin 1. Du skal uploade favicon.ico-filen til serveren. For at gøre dette skal du downloade og installere en ftp-klient, såsom FileZilla. Indtast derefter dit brugernavn og adgangskode og download filen. Du kan læse mere detaljerede instruktioner om, hvordan du uploader en favicon-fil.

Trin 2. Nu skal du redigere dit websteds HTML-side for at hjælpe browsere med at finde dit faviconbillede. Med FTP-vinduet åbent, find og download filen index.html eller header.php fra serveren.

Åbn filen index.html i en teksteditor - Notesblok, Notepad++, Sublime Text.

Hvis dit websted indeholder ren HTML, skal du indsætte den specielle kode i HEAD-området i filen index.html.

Koden kan kopieres på favicon-siden på Logasters hjemmeside.

Hvis du bruger WordPress, indsæt koden nedenfor i HEAD-området i din header.php-fil.

Når du har gjort dette, skal du downloade filen tilbage, hvor du fik den. Parat! Genindlæs din side for at se faviconet.

De fleste moderne browsere er smarte nok til at finde favicon-filen selv uden en sådan kode, men kun hvis faviconet har et 16x16 pixelbillede, navnet favicon.ico, og er gemt i rodmappen på dit websted.

Vi håber, at denne artikel har givet dig nogle nyttige oplysninger til at hjælpe dig med at skabe et favicon, der vil gøre dit websted mere vellykket og attraktivt.

I dag vil jeg introducere dig til tjenester til oprettelse af et favicon til din hjemmeside. Favicon er en forkortelse af de engelske ord favorite og icon. Dette er et billede, der måler 16 gange 16 pixels, som kaldes favicon og har forlængelsen ico. Det er placeret i rodmappen på dit websted på din hosting. Når webstedet indlæses, søger browseren automatisk efter denne fil og føjer den derefter til adresselinjen før sidens URL og til bogmærker og tildeler den til dit websted. Et webstedsikon har ingen praktisk brug og tjener kun til at genkende det.

I dag er enhver webdesigner, der i det mindste på en eller anden måde tænker på det unikke og originale af sin ressource, simpelthen forpligtet til at lave et specielt ikon til det. I enhver browser i adresselinjen vil navnet på dit websted sammen med ikonet se moderne og relevant ud. Det vil også være mærkbart i bogmærker og favoritter, hvilket gør det muligt at skille sig ud fra massen af ​​lignende websteder. Du kan vælge et ikon i henhold til emnet for din ressource, og selv før du begynder at studere det, vil den besøgende straks kunne forstå, hvad det handler om. Dette vil have en god effekt på anerkendelsen af ​​webstedet og dannelsen af ​​det som et brand.

Som standard viser et websted det ikon, der er angivet for det i den aktuelle browser. De fleste versioner af moderne browsere understøtter også personlige webstedsfaviconer. Og i Yandex-søgemaskinen, som nu dominerer sammen med Google i det russisktalende rum, når du indtaster en søgeforespørgsel, vises rangerede websteder sammen med deres ikon. Derfor, uden at forsinke det til senere, er det bydende nødvendigt at være meget opmærksom på dets skabelse.

Der er mange ressourcer på internettet, der gemmer færdige ikoner. Dem er der rigtig mange af, men nu er vi interesserede i at lave et favicon.

Har du brug for at oprette et favicon til din hjemmeside? Lad os overveje tjenester til oprettelse af favicons online

Den mest populære tjeneste til at oprette webstedsikoner. Det er ret nemt at arbejde med, og selv en nybegynder kan håndtere det. Vi uploader det billede, vi ønsker at se som et webstedsikon. Han bearbejder det. Vi ser på det resulterende billede, og hvis det passer os, så klik på Download. En fil med navnet. Du kan selv tegne det pixel for pixel, og hvis du kan lide det, kan du også gemme det som et ikon. Det er vigtigt, at en simpel tegning bruges til at lave et favicon. Hvis der er mange flerfarvede ting, vil du ende med et ubestemmeligt sted.

Den næste service, som er lige så nem at bruge, er . Arbejdet i det ligner omtrent den tidligere analog. Det eneste er, at det er på engelsk, og der er flere annoncer. Men generelt er generationshandlingerne ret ens. Upload et billede, se, rediger og gem.

Nu har næsten alle ressourcer, der leverer webstedsfremmetjenester eller indsamler analyser på dem, en ekstra mulighed for at oprette favicons. For eksempel velkendte tjenester, der også har denne ekstra mulighed:

Men jeg kan godt lide tjenester, der er designet specifikt til skabelse. Se her, endnu et godt onlineværktøj til at generere ikoner i forskellige størrelser og formater. Beskedent og smagfuldt. Uploadede vores fil. Valgt størrelse. Se forhåndsvisning og gem på din computer.

Selvfølgelig kan du bruge alles foretrukne Photoshop til at oprette ikonet. Men det gemmer ikke billeder med ico-udvidelsen. Eller rettere sagt, det gemmer, men til dette skal du pakke et særligt plugin ud - icoformat.8bi og installere det i mappen Plug-Ins\Filformater i Photoshop-mappen. Dette giver dig mulighed for at gemme filer med vores ønskede udvidelse. For mig er dette ret besværligt.

Jeg foreslår denne mulighed. I Photoshop opretter vi et billede, som vi ønsker at se som et ikon, gemmer det med en hvilken som helst udvidelse og sender det til en af ​​ovenstående tjenester, hvor vi får det, vi skal bruge fra disse billeder.

Du kan også bruge online-konvertere af grafiske billeder fra et format til et andet. Fx her eller . Ved at bruge dem kan du ændre enhver grafisk filtypenavn til ico.

Hvordan kan du få et ikon til at blive et favicon for webstedet?

Følgende trin er påkrævet:

1 Sørg for, at filen hedder .

2 Ved hjælp af Filezilla placerer vi det i rodmappen på vores websted. I teorien er disse handlinger nok, og browseren vil automatisk bestemme, hvor den er placeret. Men vi spiller det sikkert og skriver stien til denne fil i html-kode.

3 For at gøre dette skal du tage vores temafil header.php (du kan redigere den i admin panelet direkte i WordPress, eller du kan downloade den fra serveren), åbne den og tilføje den før det afsluttende tag følgende kode:

/favicon.ico"/>

4 Gem filen og overfør den tilbage til hostingen.

5 Ryd cachen i den aktuelle browser, og det er det. Vi fik det ønskede resultat.

Det er i øvrigt ikke nødvendigt, at faviconet er placeret i roden. href-attributten angiver direkte stien til den. Det bliver sådan her:

Det er heller ikke nødvendigt for ikonet at have ico-udvidelsen. Du kan også bruge png- og gif-udvidelserne. For at gøre dette ændrer koden typen af ​​outputfilen.

Det vil sige, at vi ændrer typen fra image/x-icon til image/png eller gif .

Du kan forresten tilføje en ting mere. Vi oprettede og installerede et favicon til webstedet, men i WordPress-adminpanelet forblev standardfaviconet som standard. For at det kan ændre sig overalt, skal du indsætte følgende php-kode i vores temas function.php-fil:

funktion sp_set_favicon() ( echo " "; ) add_action("admin_head", "sp_set_favicon"); add_action("login_head", "sp_set_favicon"); add_action("wp_head", "sp_set_favicon");

Nu vil det afspejles i alle overskrifter.

Det er dybest set alt, hvad der er til det. I dag diskuterede vi, hvorfor du skal oprette et favicon til et websted og kiggede på onlinetjenester til at oprette et favicon til et websted og forviklingerne ved dets installation. Glem ikke at abonnere på blogopdateringer. Vi ses snart!

Se videoen om, hvordan du opretter favicon.ico og hoster den:

Favicons er en meget lille, men på ingen måde den allersidste del af hvert websted. De dukkede op med internettets fødsel og forbliver efterspurgte den dag i dag. Der er flere måder at oprette dem på. Du kan bruge plugins til programmer, eller du kan bruge specielle webværktøjer. Lad os tale om dem.

X-Icon-Editor

I modsætning til det tidligere værktøj indeholder favicon.cc færre tegneværktøjer. Her kan du kun tegne individuelle pixels med en bestemt farve og gennemsigtighed. Dette værktøj giver dig også mulighed for at importere billeder, redigere dem efter behov og eksportere dem som favicons.

Takket være et specielt panel, mens du tegner en favorit, vil du straks se, hvordan den ser ud i Internet Explorer-browseren.

Antifavicon

Standard favicon-størrelsen (16x16) er naturligvis for lille til tekst. Antifavicon giver dig dog mulighed for at passe to linjer tekst ind i det lille rum. Den anvendte skrifttype er bestemt ikke så stor, men hvad kan du gøre :).

De givne rammer begrænser naturligvis. Men efter at have set på nogle eksempler, kan du finde på noget ganske interessant.

Favikonist

Den sidste service, vi vil se på, er Genfavicon. Her kan du uploade et billede, konvertere det til et ikon og med det samme se, hvordan det kommer til at se ud i browseren. Derefter kan du downloade et ikon af en given størrelse.

Alle de tjenester, vi diskuterede i dag, har deres fordele og ulemper. Men blandt dem er der dem, der kan yde noget mere end deres konkurrenter. Så bogmærk disse websteder. De vil helt sikkert være nyttige for dig.

Helt ærligt, jeg elsker virkelig faviconet. Jeg har en dyb, lige så kysk platonisk kærlighed til ham. Dette betyder ikke, at jeg fortæller mine andre webmastere historier om, hvordan jeg ændrede favicon og trafikken steg med 10 % (selvom vent... måske skete det), men det betyder, at når faviconet for mit nye websted vises i Yandex-indeks, selve webstedet begynder at virke lidt mere SDL for mig.

Hvad er et favicon?

Favicon (Favicon – forkortelse for "favoritikon") er et billede, der vises i browserens adresselinje før adressen, i fanen svarende til vinduet med sidens åbne side, samt når du tilføjer en ressource til favoritter faner. Disse billeder kan hjælpe brugeren med bedre at huske brandet eller virksomheden og øge webstedsgenkendelsen. Ofte bruges et reduceret eller let ændret billede af et firma- eller brandlogo som favicon.

Fordele ved at bruge et favicon

Brug af et favicon giver fordele over tid. Tjek for eksempel disse muligheder:

• Når en bruger åbner mange faner i browseren, kan han med det samme bestemme, hvilken af ​​dem siden er på, selvom teksten med navnet ikke længere vises;
• I Yandex-søgeresultater vises faviconet til venstre for webstedet eller dets side, hvilket tiltrækker besøgendes opmærksomhed og adskiller det fra andre;
• Billedet huskes godt og forbliver i hukommelsen - som et resultat bliver siden mere genkendelig og attraktiv for brugerne.

Således er et favicon en del af webstedets image, som ikke kun udfører en æstetisk funktion, men også gør det mere bekvemt for brugeren at søge efter portalen i bogmærker, faner og søgeresultater.

Funktioner af Yandex, der arbejder med favicons

Yandex-søgemaskinen er en af ​​de få, der fremhæver webstedsfaviconer og viser dem, når du opbygger en liste over søgeresultater. For at gøre dette indekserer en speciel bot periodisk websteder og opdaterer oplysninger om tilstedeværelsen af ​​favicons.

Tidligere forekom favicon-opdateringer en gang hver par måneder. Nu, i 2018, indekserer Yandex dem meget kraftigere, og på nogle af mine nye websteder vises faviconet inden for et par dage.

For at kontrollere, om Yandex viser et favicon, kan du finde din portal i søgelisten og se, om ikonet er synligt til venstre for det. Du kan også indtaste følgende konstruktion i adresselinjen: for Yandex - http://favicon.yandex.net/favicon/www.site.ru (hvor du i stedet for www.site.ru skal indtaste domænet for dit websted ). Et korrekt oprettet favicon vil blive vist på en sort baggrund, og det betyder, at Yandex ser det.

Hvis faviconet ikke er synligt, kan det skyldes følgende årsager:

• Billedstørrelsen svarer ikke til den nødvendige størrelse: 16x16 pixels;
• Billedformatet er ikke det samme - det skal være ico, jpeg eller png (den første mulighed er mere at foretrække for Yandex);
• Billedet er sløret eller ikke unikt - nogle gange af disse grunde blokerer søgemaskinen ikoner;
• Yandex opdaterer systemet - så efter nogen tid skulle alt rette sig selv;
• Siden er placeret længere end den hundrede position i søgeresultaterne - i dette tilfælde vil faviconet muligvis heller ikke blive vist.

Efter at have kontrolleret billedet i henhold til disse kriterier, skal du rette manglerne. Hvis ikonet efter dette ikke vises, kan du kontakte Yandex support.

For at et favicon skal vises i Yandex.Direct, skal det være korrekt designet og placeret på det rigtige sted på siden. Derefter vil Yandex-søgerobotten indeksere den og begynde at vise den i søgeresultaterne. Dette sker normalt 2-4 uger efter, at siden er offentliggjort med ændringer. Der er ingen grund til at underrette eller bede Yandex om at offentliggøre faviconet, dette vil ske automatisk efter en vis tid, efter at det vises på portalen.

Sådan opretter du et favicon

Hvis du vil oprette en ico-fil ud fra et stort billede i et format, for eksempel png, så vil det være en god idé at installere Adobe Photoshop først. Så er ICO-pluginnet til Photoshop installeret (se efter pluginnet til din version af FS i en søgemaskine). Når det er installeret, kopierer vi den ønskede fil ICOFormat.8bi (til 32-bit) eller ICOFormat64.8bi (til 64-bit) til en af ​​følgende stier:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64 bit)\Plug-ins\Filformater
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\Filformater

Hvis der ikke er nogen "Plug-ins" eller "Filformater" mappe, så skal du oprette den. Nu kan du i gem-dialogen vælge ico-formatet. Størrelsen af ​​de oprettede ikoner kan være multipla af 8 (16×16, 24×24, 32×32, og så videre, men det er mest pålideligt at vælge 16×16).

Det billede, der skal blive til favicon, åbnes herefter i Photoshop. Klik på "Billede - Billedstørrelse", og billedstørrelsen ændres til 16x16 pixels. Tryk derefter på "Fil – Gem som" og vælg ICO-formatet (filnavnet skal være favicon.ico).

Jeg har selv for nylig konverteret billeder til ico-format uden Photoshop. Brug af tjenesten https://realfavicongenerator.net/.

Efter et stykke tid vises faviconet på siden.

Nogle smarte mennesker laver et favicon i form af en pil, en trekant og tilføjer røde elementer, så brugeren klikker. Dette kan selvfølgelig lade sig gøre, men til dette kan siden sænkes kunstigt.

Yandex skræmmer favicon-nørder

Når du designer et ikon, skal du huske på, at billedet skal være klart og tydeligt synligt på trods af det lille format. Derfor er det bedre at bruge så få individuelle genstande som muligt og ikke for mange farver. Du kan se på konkurrenternes favicons og tænke over, hvordan du kan skille dig ud fra dem.

Tjenester

Der er også specielle programmer og ressourcer til at skabe ikoner, blandt hvilke følgende er populære:

• favicon.cc - den enkleste editor giver dig mulighed for at skabe et simpelt billede, operationsprincippet er lidt ligesom Paint. Der vælges også farver, og der laves en tegning ved at klikke på de pixelfirkanter, der skal males over. Der er et fixværktøj. Det oprettede billede kan også gemmes på din computer som et færdigt favicon-billede. Mens du arbejder, kan du nederst på skærmen se det foreløbige resultat i den form, det vil blive vist i browseren. Ressourcen byder også på et stort udvalg af færdige ikoner;
• favicon.ru - her er det bedre at oprette favicons fra færdige billeder. Billedet downloades fra computeren, behandles af systemet og konverteres til en favicon.ico-fil, som derefter kan downloades;
• iconj og audit4web er databaser, hvor du kan finde færdige favicons.

Der er også sådan en service:

Du kan henvende dig til en designer for at udvikle billedet, men det vil koste betydeligt mere.

Et andet punkt er, at billedet for ikonet ikke kan animeres, det er altid ubevægeligt, selvom et billede med ikke-statiske effekter blev brugt som grundlag.