Site için favicon nasıl oluşturulur: yararlı ipuçları ve hizmetler | Web söyle
Воскресенье, 29.12.2013, 07:55
Заработок в интернете для новичков
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
МЕНЮ САЙТА
КАТЕГОРИИ раздела
  • Истории успеха
  • Оптимизация
  • B2b
  • Хлебные крошки
  • SEO
  • Социальные сети
  • Антивирус
  • Семантическое ядро
  • Реклама
  • Новости
  • Новости
    Оптимизация текстов под Яндекс и Гугл за счет их форматирования
    Обновлено: 17 февраля 2017 Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу продолжить тему, начатую в статье « Seo оптимизация текстов для коммерческого сайта ». В начале

    301 редирект в htaccess для SEO оптимизации страниц сайта
    Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Если говорить вкратце, то 301 редирект очень часто используют, когда необходимо исключить возникновение дублей, а также сохранить уже имеющийся

    Задача - дискретная оптимизация
    Задачи дискретной оптимизации - это задачи нахождения экстремума функции, заданной на дискретном ( чаще всего - конечном) множестве точек. Если область определения функции состоит из конечного числа точек,

    Команды для оптимизации cs go
    У многих людей слабое железо, и каждый второй хочет ускорить производительность своего компьютера и поднять FPS в играх CS:GO, CS:S, Minecraft и других играх. В этой статье я хочу раскрыть кучу секретов

    Настраиваем графику Assassin's Creed Unity
    Наконец-то вышла долгожданная Assassin’s Creed Unity, расширив возможности используемого в Assassin’s Creed IV: Black Flag движка AnvilNext по части стелс-экшна, игровой механики и почти безупречного воссоздания

    Антикризисная стратегия корпорации (компании) - АЛЬТ-Маркетинг - Альтернативные Маркетинговые Технологии
    АЛЬТ-Маркетинг - Альтернативные Маркетинговые Технологии Главная > Библиотека > Стратегическое планирование, разработка стратегии, корпоративные и функциональные стратегии

    Оптимизация SQL-запросов
    Метки статей: 100mbru , CentOS , cms , drupal , joomla , LAMP , linux , mysql , nicru , Open-Source , Red Hat , seo , Typo3 , ubuntu , авто , администрирование , алгоритмы , алкоголь

    Методы и способы оптимизации налогообложения на предприятии в 2017 году
    Для каждой компании основной задачей является повышение рентабельности своего бизнеса. Общеизвестно, что значительный размер  затрат предприятия составляют налоговые платежи. Ежегодно политика налоговой

    Seo
    Как я и говорил, начинаю публикации в блоге со статей для новичков, так сказать, потрогаем азы… SEO  – это просто аббревиатура, которая в английском языке произносится и пишется как Search Engines

    Оптимизация производительности MySQL на ОС Linux
    Существует множество факторов, влияющих на производительность MySQL в Azure, которые зависят и от выбора виртуального оборудования, и от конфигурации программного обеспечения. Эта статья посвящена оптимизации

    Праздники России
    Статистика
    Rambler's Top100




    Онлайн всего: 0
    Гостей: 0
    Пользователей: 0

    Site için favicon nasıl oluşturulur: yararlı ipuçları ve hizmetler

    1. Bir favicon nasıl oluşturulur
    2. Photoshop'ta favicon nasıl yapılır
    3. Bir favicon nasıl kaydedilir
    4. Favicon sitesi nasıl eklenir
    5. Favicon nasıl değiştirilir
    6. Daha karmaşık favicons nasıl oluşturulur

    Bu kelimeyi ilk duyduğunuzda favicon'un ne olduğunu tahmin etmek zor. Bu, kullandığınız işletim sistemine ve İnternet tarayıcısına bağlı olarak, tarayıcı sekmelerinde, adres satırlarında ve diğer alanlarda görüntülenen minyatür bir simgedir . Web sitesi tasarımında en karmaşık ve kaprisli öğelerden biri olarak güvenle adlandırılabilir.

    İyi bir favicon oluşturmak oldukça zordur, simge küçük olduğu için açık olmalı ve sitenizle ilgili bir şeyler göstermelidir
    İyi bir favicon oluşturmak oldukça zordur, simge küçük olduğu için açık olmalı ve sitenizle ilgili bir şeyler göstermelidir. Tüm popüler tarayıcılarla uyumlu bir favicon oluşturmak da zor bir görev olabilir. Bu yazıda, yaratılışının tüm karmaşık yönleriyle ilgileneceğiz. Ayrıca bir logoya ihtiyacınız varsa, bir makale nasıl yapılır.

    Bir favicon nasıl oluşturulur

    Favicon tasarımı ile başlayalım. İyi tasarım, kompakt olmasına rağmen sitenizin özünü yansıtmalı ve kurumsal kimliğin organik bir parçası olmalıdır. Tipik olarak, simge bir şirketin bir grafik işaretidir (ikonu) ve bir logo değildir (ikon, yazı ve slogan).

    Favicon olarak bu web siteleri simgelerini (veya onlara yakın görüntüleri) kullanır Favicon olarak bu web siteleri simgelerini (veya onlara yakın görüntüleri) kullanır.

    Favicon'daki metin kullanılmamalıdır, çünkü bu metin küçük resim boyutu nedeniyle okunamaz. Bu kuralın tek istisnası, belirli bir marka ile otomatik olarak ilişkilendirilen dünyaca ünlü metin karakterleridir. Örneğin, çevrimiçi Wikipedia kaynağı favicon'a büyük harfleri “W” ve Facebook'u “F” harfi bıraktı.

    Bu fantezilerde, belirli bir marka ile güçlü bir şekilde ilişkili olan harfler vardır
    Bu fantezilerde, belirli bir marka ile güçlü bir şekilde ilişkili olan harfler vardır. Örneğin, Facebook grafik işaretini kullanır. Ayrıca piksellerin Disney görüntüsünde göründüğünü unutmayın. Bunun nedeni, ekranların 16 × 16 simgelerle uyumlu bir Retina ekranında çekilmesi, web sitelerinin ise 32 × 32 simgeler kullanmasıdır.

    Favikonlar küçük görüntüler olduğundan, her piksel önemli bir rol oynar. Bazen logoyu küçültdükten sonra, tek tek pikseller görünür hale gelir, çünkü bu görüntü “bulanıklaşır”. Netlik elde etmek için simgeyi piksel düzeyinde düzenlemeniz gerekir.

    Bunu önlemek için, logoyu Photoshop veya GIMP gibi özel düzenleyiciler kullanarak yeniden boyutlandırmanız gerekir
    Bunu önlemek için, logoyu Photoshop veya GIMP gibi özel düzenleyiciler kullanarak yeniden boyutlandırmanız gerekir. Öncelikle görüntünün boyutunu 64x64 piksele düşürmeniz gerekir (bu, en büyük favicon'dur). Ardından, görüntü temizlenene kadar Kalem aracını kullanarak her pikseli düzenlemeniz gerekir. Bu zahmetli bir süreç, ancak sonuç buna değer. Favicon 64x64 hazır olduğunda, aynı işi 16 × 16, 24 × 24 ve 32 × 32 piksel görüntüyle yapmanız gerekir. Tüm tarayıcılarda ve cihazlarda doğru şekilde görüntülenmesi için o kadar çok boyutta:

    • 64x64 - Safari tarayıcı yer imleri;
    • 32x32 - yüksek çözünürlüklü ekranlar (Retina);
    • 24x24 - yer imleri Internet Explorer ve MicroSoft Edge;
    • 16x16 - Google Chrome ve diğer tarayıcılar.

    Photoshop'ta favicon nasıl yapılır

    Öncelikle yukarıdaki boyutlara sahip bir kaç tuval oluşturmanız gerekir.

    Ardından tuval üzerine bir simge, harf veya başka bir görüntü eklemeniz gerekir
    Ardından tuval üzerine bir simge, harf veya başka bir görüntü eklemeniz gerekir.

    Ardından tuval üzerine bir simge, harf veya başka bir görüntü eklemeniz gerekir

    Bir favicon nasıl kaydedilir

    Farklı boyutlarda simgeler oluşturduktan sonra, her birini şeffaf bir PNG dosyası (24 bit) olarak kaydedin. Photoshop'ta, Dosya menüsünde bulunan Web İçin Kaydet özelliğini kullanabilirsiniz. O zaman tüm PNG dosyalarını bir ICO dosyasına birleştirmeniz gerekir. Hem PNG dosyalarını hem de ICO dosyalarını aynı anda kullanabilirsiniz, ancak genellikle Safari ve Chrome bile yalnızca ICO formatını tercih eder. Bence bir ICO dosyası oluşturmak daha kolay. ICO formatı çok yaygın değil, fakat neyse ki dosyalarınızı bu formata dönüştürmenize yardımcı olacak birkaç araç var. Bu amaçla kullanmayı tercih ederim X-Simge Düzenleyicisi . Bu, indirilen görüntüleri anında bir ICO dosyasına dönüştüren ücretsiz bir çevrimiçi hizmettir. Bu karmaşık bir şey değil, sadece sitedeki talimatları izleyin. Kendinizi çaresiz biri olarak görürseniz, bu hizmetin piksel düzenleyicisini deneyebilir ve kendiniz bir favicon çizebilirsiniz. (Favicons'u daha profesyonel bir editörde, örneğin Photoshop'ta düzenlemeyi tercih etmeme rağmen).

    PNG resimlerinizi X-Simge Düzenleyicisine yükleyerek çıktıda bir ICO dosyası elde edersiniz
    PNG resimlerinizi X-Simge Düzenleyicisine yükleyerek çıktıda bir ICO dosyası elde edersiniz.

    Favicon sitesi nasıl eklenir

    Yani zaten bir ICO dosyanız var. Şimdi web sitesine eklemelisin. Dosyayı favicon.ico olarak yeniden adlandırın ve web sitenizin kök klasörüne yerleştirin (index.html dosyası ve diğer standart dosyalar saklanır). Başarılı bir ekleme işleminden sonra, web sitenizi .com / favicon.ico adresinde görüntüleyebilirsiniz. Neredeyse tüm tarayıcılar favicon.ico dosyasını kök klasörde arar. Bu nedenle, favicon'u bu klasöre indirmeniz önemlidir. Farklı tarayıcılarla uyumluluk için, konumunu belirten herhangi bir HTML öğesi veya bağlantı eklememek daha iyidir. Bu numara IE6'ya kadar olan tüm tarayıcılarda çalışır. Ayrıca, bir WordPress siteniz varsa, o zaman birçok temada tema ayarlarına favicon ekleyebilirsiniz. Bu yöntem de kullanılabilir.

    Favicon nasıl değiştirilir

    Bazı açıklanamayan sebeplerden dolayı, tarayıcılar önbelleğe ekler. Bu nedenle, yeni bir ICO dosyası yüklediğinizde, tarayıcı eski favicon'unuzu göstermeye devam edebilir. Bu durumda ne yapmalı? Yeni favicon'unuzun konumunu belirten geçici bir HTML dosyası ekleyebilirsiniz. Ayrıca URL’nin sonuna kısa bir sorgu dizesi eklemeniz gerekir:

    <link rel = "kısayol simgesi" href = "sizin web sitesi .com / favicon.ico? v = 2 ″ />

    Böylece tarayıcı bunun benzersiz bir URL olduğunu düşünecek ve bu nedenle yeni bir simge göstermeye zorlanacaktır. Favicon'u güncelledikten sonra bu HTML kodu tamamen kaldırılabilir. Favicon üzerinde değişiklik yapmanız gerekirse, her seferinde sorgu dizesindeki “v” den sonraki sayıyı artırarak aynı tekniği kullanın. Böylece, tarayıcı bu URL’yi her zaman benzersiz olarak algılayacak ve yeni sürümünü görüntüleyecektir. Başarılı bir güncellemeden sonra HTML kodunu silmeyi unutmayın.

    Daha karmaşık favicons nasıl oluşturulur

    Bu yazıda, hemen hemen her platformda çalışacak favicons oluşturmak için evrensel ve kolay bir yol tarif etmek istedim. Ancak web tasarımı ve geliştirmede mükemmellik sınırlaması yoktur. Daha karmaşık simgeler oluşturmayı öğrenmek istiyorsanız, servisi kullanmayı deneyebilirsiniz. favico.js . Değişen sayılarla dinamik görüntüler oluşturmanıza olanak sağlar. Bu simge sayesinde, ilgili sekme aktif olmasa bile okunmamış mesajların sayısını görebilirsiniz. Çevrimiçi animasyonlu favicons oluşturmak istiyorsanız, favicon jeneratörünü kullanmayı deneyebilirsiniz favicon.cc .

    Bulabileceğiniz daha fazla çevrimiçi jeneratör burada .

    Favori oluşturma ile ilgili ipuçlarını paylaşmak veya bir soru sormak istersen, seni yorumlarda bekliyorum!

    Bu durumda ne yapmalı?
    Ico?
    ДОБАВЬ В ЗАКЛАДКУ
    Форма входа
    ДРУЗЬЯ сайта

    Ярмарка Мастеров - ручная работа, handmade
    Способы заработка


    Copyright MyCorp © 2013
    Создать сайт бесплатно