Skip navigation.

Thay đổi kích cỡ ảnh

Bài này tặng riêng một người gửi qua tin nhắn muốn hướng dẫn, mà muốn giấu tên p:

Có hai phần hỏi như sau:


1. làm sao mình biết kích cỡ cái ảnh mình đang có là bao nhiêu?

2. làm sao để thay đổi kích cỡ ảnh theo ý muốn để cho phù hợp với banner hoặc là footer?

(Phần mềm để xử lý hình ảnh là Photoshop)



Phần trả lời:

1. Muốn biết kích cỡ hình bao nhiêu:

a. Nếu hình đó đã có trong máy vi tính thì chỉ cần mở Photoshop, mở hình đó lên bằng cách vào File/Open/File hình muốn mở/Image/Image size là sẽ biết pixels của hình là bao nhiêu.



b. Nếu hình trên mạng mình muốn kiểm tra kích cỡ chỉ cần để chuột vào tấm hình, bấm right click sẽ cho ra một cửa sổ, và mình vào Properties sẽ xem được kích cỡ của hình nếu nhìn vào thấy như sau: Dimensions 600 x 523 pixels có nghĩa là chiều ngang 600 pixels và chiều cao 523 pixels (đó là IE), nếu các bạn xài FireFox thì phần Properties nó báo rõ hơn width: 600 pixels, height: 523 pixels.

Hình minh họa cho IE:



Hình mình họa cho Firefox:



2. Muốn thay đổi kích cỡ cho phù hợp với banner hay là footer.

a. Tôi xài theme số 2 (theme cũ) nên max của chiều dài (width) banner là 872 pixels, và chiều dài max. của footer là 812 pixels vì vậy tôi thường thiết kế bằng Photoshop. Còn vì sao biết được chiều dài max-width của banner và footer thì hãy vào bài Cách tìm code trong main.css , sau khi thực hành và vào được file main.css thì bấm Ctrl-F rồi gõ #top2 hay top để tìm max-width, gõ footer cho phần chân blog để tìm max-width nhé.

Mở Photoshop, bấm New nó sẽ hiện ra cửa sổ và tôi setup chiều dài 872pixels và chiều cao là do tôi muốn, sau đó tôi tự làm hình ảnh.

b. Nếu bạn lấy một hình trên mạng chẳng hạn từ wallcoo.net(wallcoo.com) thì bạn cũng vào PTS/Open/File muốn làm banner hay footer/ Image/Image size và chỉnh độ dài của hình rồi upload lên mạng thôi. Thông thường hình của wallcoo.net có độ dài 1024 pixels nên dễ dàng cho mọi người cắt xén để làm banner và footer lắm.

Hy vọng bài viết của tôi thỏa mãn được điều blogger nhờ tôi viết.

Have a nice weekend nhé!!!

Tổng kết các bài học về Opera của tôiVì sao tôi xài 360

Comments

La Vĩnh Nghi 1. June 2007, 01:55

Không có photoshop chỉnh bằng ACD See được ko chị

Liên (Tú, Đăng's Mummy) 1. June 2007, 02:00

Lâu quá chị không xài ACDSee nên không nhớ hết nhưng hình như chỉnh được.

KIM PHUONG 27. July 2007, 10:32

Chị ơi đây cũng là điều em đang cần muốn biết đây, cám ơn chị nhiều nhé, em sẽ ráng học hỏi theo chị hihi

18 - 33 2. November 2007, 16:58

Em cám ơn chị đã ghé qua trang của bọn em ạ!
Chị ơi cho em hỏi làm thế nào để em có thể sửa để cho trang blog hiện cả lên mà không có nền màu xám ở dưới ạ! Em làm mãi mà không sửa được chị ạ.
Trang blog của chị đẹp lắm chị ạ!

Liên (Tú, Đăng's Mummy) 2. November 2007, 21:41

Em biết xài CSS đổi màu cho bg em à. Đọc các bái cũ chị bày để có ý tưởng trang trí blog nha.

Nguyen Van Truong 16. April 2008, 02:32

em cung dang muon up hinh len blog nhung cu bi bao loi hoai ...
cam on bai viet cua chi ...!

Con chuot chit 6. June 2009, 09:43

Chào bà chủ vườn.
Lượn lờ blog của các cao thủ mãi, cuối cùng em mới tìm được ra file main.css qua lời dẫn của chị Liên. Trong file main.css của em không thấy width của banner, footer. Có phải do em đang dùng phông mặc định của opera nên không có thông số không? Trong trường hợp này thì em cần làm gì nữa để thay đổi được banner và phông nền của blog được ạ?
Bao giờ rảnh chị Liên trả lời em nhé. Cám ơn chị

Liên (Tú, Đăng's Mummy) 6. June 2009, 11:31

7truong: Báo lỗi gì hả em?

conchuotchit: Em muốn có css thì em đi save của blog khác về sẽ thấy em à, theme mặc định thì nó đâu có gì đâu.

Anonymous 11. June 2009, 01:21

kkk writes:

ko co truong trinh gi het thi chiu luon roi

Duong Thi Thanh Tuyen 26. November 2009, 21:36

Đang tìm cách để thiết kế lại banner thì gặp bài này. cám ơn nhiều nha.

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31