Hướng dẫn tạo favicon bằng photoshop

Thảo luận trong 'Thiết kế website' bắt đầu bởi nhomthietke.com, 11/1/12.

  1. nhomthietke.com

    nhomthietke.com Lính mới

    Tham gia ngày:
    2/12/11
    Bài viết:
    9
    Đã được thích:
    0
    Điểm thành tích:
    1
    [​IMG]

    Một vài năm trở lại đây, khi lướt web bạn sẽ thấy một hình biểu tượng nho nhỏ nằm bên cạnh tên trang web trên thanh URL của trình duyệt, biểu tượng đó chính là Favicon.

    [​IMG]

    Càng ngày favicon càng trở lên quan trọng, hầu hết các website lớn đề có favicon, và các trình duyệt phổ biến đều hỗ trợ hiển thị favicon trên thanh Url. Nhomthietke.com sẽ hướng dẫn bạn cách tạo ra một favicon cho website của mình bằng photoshop.


    - Favicon có phần mở rộng là .ICO, vì thế để lưu được định dạng này, bạn phải tải thêm plugin này:

    http://www.telegraphics.com.au/sw/files/ICOFormat-1.6f9-win.zip

    Giải nén và coppy vào thư mục cài đặt photoshop của bạn (thường là: C:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats)

    - Tạo và thiết kế biểu tượng của bạn, đưa về kích thước 16 x 16 pixel, rồi lưu file với tên là favicon, định dàng là ico (favicon.icon)

    - Upload file lên thư mục web của bạn.

    - Thường thì trình duyệt sẽ tự nhận biết được favicon của bạn và hiển thị chúng. Nhưng một số trình duyệt cũ thì không thông minh như vậy, bạn hãy dùng đoạn mã sau để gọi favicon ra:

    <link type=”image/x-icon” href=’Đường dẫn tới file’ rel=”shortcut icon”/>


    ----

    Nếu không có khả năng design, bạn có thể kiếm favion trên một vài trang cung cấp miễn phí:

    http://www.getfavicon.org

    http://www.favicon.cc

    http://www.favicon.co.uk

    ...
     
  2. thanhhoa_active

    thanhhoa_active Đang làm quen

    Tham gia ngày:
    2/12/11
    Bài viết:
    362
    Đã được thích:
    3
    Điểm thành tích:
    18
    Sao mình vẫn làm Favicon cho blog bằng đuôi JPG được. Yêu cầu của nó phải là hình vuông. Do đó dùng một cái ảnh bất kì muốn làm fvc rồi mở một soft đồ họa, đơn giản như paint. Caval size cho nó thành hình vuông là ok.
     
  3. onlove_ol

    onlove_ol H5N1 VNW

    Tham gia ngày:
    27/7/09
    Bài viết:
    1,181
    Đã được thích:
    1
    Điểm thành tích:
    38
    Nơi ở:
    Hà Nội
    Nếu sử dụng
    Mã:
    <link type=”image/x-icon” href=’Đường dẫn tới file’ rel=”shortcut icon”/>
    thì định dạng ảnh nào cũng ok, gif chơi tuốt

    nhưng đúng dịnh dạng nó là file favicon.ico ^_^!

    Thanks chủ thớt nhé! bik thêm chút chút PTS
     
  4. itnuamua

    itnuamua Đang làm quen

    Tham gia ngày:
    5/4/10
    Bài viết:
    88
    Đã được thích:
    0
    Điểm thành tích:
    6
  5. quangbawebgoogle

    quangbawebgoogle Đang làm quen

    Tham gia ngày:
    22/7/11
    Bài viết:
    205
    Đã được thích:
    0
    Điểm thành tích:
    16
  6. viethaiabc

    viethaiabc Đang làm quen

    Tham gia ngày:
    14/1/12
    Bài viết:
    48
    Đã được thích:
    0
    Điểm thành tích:
    6
    "Sao mình vẫn làm Favicon cho blog bằng đuôi JPG được. Yêu cầu của nó phải là hình vuông. Do đó dùng một cái ảnh bất kì muốn làm fvc rồi mở một soft đồ họa, đơn giản như paint. Caval size cho nó thành hình vuông là ok. "
    mình cùng thường làm như bạn!
     
  7. phuongbte

    phuongbte Lính mới

    Tham gia ngày:
    16/9/12
    Bài viết:
    6
    Đã được thích:
    0
    Điểm thành tích:
    1
    Bài viết rất hữu ích. Thanks !
     
  8. thiepcuoivn

    thiepcuoivn Đang làm quen

    Tham gia ngày:
    1/12/12
    Bài viết:
    86
    Đã được thích:
    0
    Điểm thành tích:
    6
    Mình cũng dùng Photoshop làm, nhưng không cần save định dạng .ico mà là .gif vẫn OK.
    Chỉ cần kích cỡ 16x16 thôi.
     
  9. saokim

    saokim Đang làm quen

    Tham gia ngày:
    20/5/13
    Bài viết:
    78
    Đã được thích:
    0
    Điểm thành tích:
    6
    Lỗi hết đường dẫn ảnh rồi kìa bác, bây giờ có nhiều web site cho thiết kế online hay lắm, dùng photoshop khó lắm
     
  10. trunganh9x9x9x

    trunganh9x9x9x Lính mới

    Tham gia ngày:
    30/5/13
    Bài viết:
    22
    Đã được thích:
    0
    Điểm thành tích:
    1
    Sao mình làm đến cái phần tạo favion mà nó không ra nhỉ ?
     
  11. haopro6120

    haopro6120 Đang làm quen

    Tham gia ngày:
    19/6/13
    Bài viết:
    161
    Đã được thích:
    1
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nơi ở:
    Sài Gòn
    trời, làm dễ mà, thiết kế 1 icon ... bằng photoshop, kich thuot hình khoảng 100x100 xog , nếu bạn để logo có nền trong suốt thì save lại file png còn ko thì jpg, len google seach tu khoa : png > ico ... vào trang đầu tiên . Chọn file muốn cover rùi seve vè ... đơn giản thôi ma
     
  12. Zelo96

    Zelo96 Lính mới

    Tham gia ngày:
    28/6/13
    Bài viết:
    22
    Đã được thích:
    0
    Điểm thành tích:
    1
    Mình cũng tập tành làm icon được vãi mẫu rồi, những mình chưa tìm hiểu mấy site trên bạn chia sẻ
    Thanks b nhé !!!
    Lâu rồi k làm mình nên thử lại với CS6 xem co j thay đổi ko :D
     
  13. cobenhaque1511

    cobenhaque1511 Đang làm quen

    Tham gia ngày:
    3/7/13
    Bài viết:
    38
    Đã được thích:
    0
    Điểm thành tích:
    6
    mình đang làm một cái blog bạn dạy mình cách tạo favicon đi ạ! kỹ kỹ một chút ạ!
     
  14. caozuba

    caozuba Đang làm quen

    Tham gia ngày:
    1/7/13
    Bài viết:
    36
    Đã được thích:
    0
    Điểm thành tích:
    6
    hay nhỉ hihi! giờ em mới biết nó gọi là favicon đấy @@~, nhưng nếu là GG site thì chỉnh kiểu gì hả bác :)
     
  15. choelai89

    choelai89 Lính mới

    Tham gia ngày:
    5/6/13
    Bài viết:
    7
    Đã được thích:
    0
    Điểm thành tích:
    1
    E toàn xài bằng chú này : tools.dynamicdrive.com/favicon/

    gọn ve nhẹ
     
Đang tải...

Chia sẻ trang này