Discover Top Posts Tagged with #favicon.ico

Depurando código

Como habrás podido comprobar, el blog está sumido en el caos y unos días se ve de una forma y otros de otra, de manera que la experiencia que ofrece no es la que debería.

(more…)

View On WordPress

#blog #código #favicon.ico #KrakenByte #plugin #widget

New Post has been published on adobewordpress ~ güncel tasarım okulu

New Post has been published on http://www.adobewordpress.com/favicon-nedir-nasil-olusturulur-wordpresse-nasil-eklenir

Favicon nedir? Nasıl oluşturulur? WordPress'e nasıl eklenir?

Web sayfalarının isminin hemen solunda gösterilen küçük boyuttaki iconlara Favicon denir. Favicon görselini bir web sayfası için olmazsa olmaz listesine sokabiliriz. Gayet basit bir şekilde hazırlanan bu iconlar içeriğinizi özetler niteliktedir.

Favicon.ico

Yukarıda da tanımladığımız gibi tarayıcılarda site isminin solunda gösterilen küçük iconlara verilen isimdir.

Favicon.ico dosyasının boyutları değişsede temel özelliği kare şeklinde eş uzunluktaki kenarlara sahip olmasıdır. İdeal boyut için 16×16 piksel kullanılabilir fakat bu oranın katları 32×32, 64×64, 128×128 piksel gibi boyutlandırmalar da sorun yaratmayacaktır.

Favicon görselleri tüm tarayıcılarda çalışmakta fakat tahmin edebileceğiniz gibi Internet Explorer gösterimi sadece .ico uzantısı için yapmakta. Dolayısıyla makalemizin devamında .ico formatına sadık kalacağız.

Favicon.ico nasıl hazırlanır?

Photoshop gibi görsel editörleri sayesinde kendi faviconlarınızı hazırlayabilirsiniz. Tek yapmanız gereken kare boyutlarında çalışmak. Yukarıda belirttiğimiz örnek piksel boyutlandırmalarından birini kullanabilirsiniz.

Çalışmanızı çizdikten sonra önemli bir diğer adım, kaydetme işlemine geliyoruz. Görsellerinizi PNG uzantısıyla kaydederseniz hem kalite kaybı yaşamazsınız, hem de transparan arka planlarınızı korursunuz.

PNG formatındaki dosyasını ICO‘ya çevirmek için Favicon Generator‘u kullanabilirsiniz. Bu site PNG dosyalarını hızlıca ICO dosyasına çevirmekte.

Web sayfama nasıl Favicon.ico eklerim?

Yukarıdaki adımları izleyerek bir .ico dosyası oluşturdunuz ve sıra onu web sayfasına eklemeye geldiyse yapacağınız işlem gayet basit. Hazırladığınız dosyayı FTP aracılığıyla ana dizininize atın.

WordPress kullanıcıları buraya dikkat, dosyalarınızı wp-content, wp-admin ve wp-includes gibi klasörlerin bulunduğu ana dizine atmanız gerekiyor. Temaların olduğu kısma yükleme yaparsanız aşağıdaki adres satırı çalışmayacaktır.

Favicon görselinizi sitenize eklemek için aşağıdaki kodları <head></head> içerisine yerleştirin.

WordPress kullanıcısıysanız bu kodları temanızın header.php dosyasına ekleyebilirsiniz.

Yukarıda adobewordpress.com olarak adreslendirdiğimiz alanlara kendi web sayfanızı eklemelisiniz.

Yapamadıysanız üzülmeyin

WordPress temalarını düzenlemek bazen karmaşık olabiliyor. Yukarıdaki adımları izleyerek WordPress sitenize Favicon ekleyemediyseniz üzülmeyin. Buradaki eklenti sayesinde de aynı işlemi yapabilirsiniz.

Kapanış

Favicon için seçtiğiniz veya hazırladığınız görsellere özen göstermenizi öneriyoruz. Web sayfanızı 16×16 piksel boyutlarda özetlemeniz pek kolay olmasa gerek…

#favicon.ico #icon ekleme #siteye #Diğer Konular & İpuçları #WordPress

May Top Favicons

Top favicons by Faviconer.com

http://faviconer.com/view-icon/ani-favicon/133625 http://faviconer.com/view-icon/ias/133598 http://faviconer.com/view-icon/dist24dems/133591 http://faviconer.com/view-icon/3-star-icon/133588 http://faviconer.com/view-icon/justhonest/133581 http://faviconer.com/view-icon/scrapbook-uk/133579 http://faviconer.com/view-icon/jmn/133556 http://faviconer.com/view-icon/blogzby/133504 http://faviconer.com/view-icon/m2m/133493 http://faviconer.com/view-icon/arm-favicon/133480 http://faviconer.com/view-icon/onoaam-favicon/133479 http://faviconer.com/view-icon/of/133455 http://faviconer.com/view-icon/loki1/133431 http://faviconer.com/view-icon/event-plus-favicon/133425 http://faviconer.com/view-icon/ettica-pink-e/133394 http://faviconer.com/view-icon/sunny/133324 http://faviconer.com/view-icon/favicon/133272 http://faviconer.com/view-icon/leaf/133253 http://faviconer.com/view-icon/kellys-favicon/133204 http://faviconer.com/view-icon/favicon/133193 http://faviconer.com/view-icon/assoquebecequitableorg/133188 http://faviconer.com/view-icon/spousecircle/133015 http://faviconer.com/view-icon/brite-talk/132974 http://faviconer.com/view-icon/brite-talk-orange/132975 http://www.faviconer.com/view-icon/pattern-sample/133655

#favicon #favicon.ico #*.ico #website icon #favicon maker #online favicon

Favicon.icon with Photoshop

Download http://www.telegraphics.com.au/sw/product/ICOFormat

Install the plugin to /Applications/Adobe Photoshop ***/Plugins

Make a 64 x 64 file, drawing, and shrink to 16 x 16

Save as ICO.

#photoshop #favicon.ico

Создание и установка favicon для сайта

Â· Ð¡Ð´ÐµÐ»Ð°ÑÑ ÑÐ°Ð²Ð¸ÐºÐ¾Ð½ Ñ Ð½ÑÐ»Ñ;

#Фавикон #favicon.ico #фавикон для сайта #установка фавикон #создание favicon #галерея фавикон

favicon（ファビコン）について

昔作ったサイトなどに急に「ファビコン（favicon.ico）付けて！」みたいな依頼が何件か続いたので調べた事をメモ。始めは意外とてこずった。まずは.icoデータを作る。色々なフリーウェアもあるし、Webサイト上で変換してくれたりもします。 Favicon Japan!! -16×16の小宇宙ファビコン- http://www.favicon.jp/ @icon変換のダウンロード Vector ソフトを探す！ http://www.vector.co.jp/soft/dl/win95/amuse/se201729.html そして設置。表示させたいページの

タグの中に下記のタグを挿入。楽勝♪楽勝♪と思ったのもつかの間！現在公開中の全ページやるんかい！っと自分にツッコミ入れました。そんな時にはこれ！「.htaccess」で一括対応できます。ファビコン（favicon.ico）を楽に設置する方法 - コラム・事例 [All About プロファイル] http://profile.allabout.co.jp/w/c-9724/ よしよし。これで完璧！と思ったら、なんだか表示されない。色々探っていると、どうやら「履歴」が問題みたい。一度「履歴」を削除すれば表示されました。めでたしめでたし。

#ファビコン #favicon.ico #.htaccess

favicon.icoはnginxに処理させる

アプリケーションサーバに渡すのは面倒。

location /favicon.ico { alias /usr/share/nginx/www/favicon.ico; allow all; }

#nginx #favicon.ico

#IDEA*IDEA 百式管理人のライフハックブログ #favicon.ico #ファビコン