Video: 02 - Thêm background vào cho trang web 2025
Sử dụng đồ hoạ nền là một cách dễ dàng để đặt trang web của bạn ngoài những trang khác sử dụng cùng một chủ đề WordPress. Tìm một hình nền cho trang web của bạn giống như việc tìm kiếm nền máy tính để bàn đúng cho máy tính của bạn. Bạn có thể chọn trong số nhiều hình nền cho trang web của bạn, chẳng hạn nhiếp ảnh, nghệ thuật trừu tượng và mẫu lặp lại.
Bạn có thể tìm thấy các ý tưởng cho đồ họa nền mới và khác nhau bằng cách kiểm tra một số phòng trưng bày CSS trên web, chẳng hạn như CSS Drive và CSSelite.
Các trang web như thế này chỉ nên được sử dụng cho cảm hứng chứ không phải là trộm cắp. Hãy cẩn thận khi sử dụng hình ảnh từ các nguồn bên ngoài.
Bạn chỉ muốn sử dụng đồ họa và hình ảnh mà bạn đã được cấp quyền (thông qua giấy phép rõ ràng hoặc tái sử dụng) để sử dụng trên trang web của bạn. Vì lý do này, bạn luôn phải mua đồ họa từ các nguồn có uy tín, chẳng hạn như ba trang đồ họa trực tuyến:
- iStockphoto: iStockphoto có một thư viện ảnh, minh hoạ vector, các đoạn video và âm thanh, và các phương tiện Adobe Flash. Bạn có thể đăng ký một tài khoản và tìm kiếm thư viện các tập tin hình ảnh để tìm một thư phù hợp với bạn hoặc khách hàng của bạn tốt nhất. Các tệp mà bạn sử dụng từ iStockphoto không phải là miễn phí; bạn phải trả tiền cho họ. Hãy chắc chắn rằng bạn đọc giấy phép cho mỗi hình ảnh bạn sử dụng.
Trang web có một số giấy phép. Loại rẻ nhất là giấy phép chuẩn, có một số hạn chế. Ví dụ, bạn có thể sử dụng một minh hoạ từ iStockphoto trong một thiết kế trang web, nhưng bạn không thể sử dụng hình ảnh minh hoạ đó trong một thiết kế chủ đề mà bạn dự định bán nhiều lần (ví dụ, trong một thị trường tiêu biểu cao cấp). Hãy chắc chắn để đọc in tốt!
- Dreamstime: Dreamstime là nhà cung cấp chính của nhiếp ảnh và hình ảnh kỹ thuật số. Đăng ký tài khoản và tìm kiếm thư viện khổng lồ của các dịch vụ hình ảnh kỹ thuật số. Dreamstime cung cấp hình ảnh miễn phí vào những thời điểm, vì vậy giữ cho mắt của bạn ra cho những người! Ngoài ra, Dreamstime có giấy phép khác nhau cho các tập tin hình ảnh của nó, và bạn cần phải chú ý đến chúng.
- GraphicRiver cung cấp các tập tin đồ hoạ như hình ảnh Adobe Photoshop, mẫu thiết kế, họa tiết, đồ hoạ vector, và các biểu tượng, để chỉ một số ít.Việc lựa chọn là rất lớn, và chi phí để tải về và sử dụng các tập tin đồ họa là tối thiểu. Cũng như tất cả thư viện hình ảnh và hình ảnh, hãy chắc chắn đọc các điều khoản sử dụng hoặc bất kỳ giấy phép nào gắn liền với mỗi tệp để đảm bảo bạn tuân thủ các điều khoản hợp pháp.
Một nguồn tài nguyên tuyệt vời khác cho đồ họa miễn phí là Smashing Magazine. Nhấp vào phần Tự do trong đồ họa để tìm hàng trăm liên kết đến đồ họa miễn phí (và thường sử dụng lại), chẳng hạn như họa tiết và hình nền cho trang web của bạn.
Để sử dụng đồ hoạ nền tốt nhất, bạn phải trả lời một số câu hỏi đơn giản:
Loại hình nền nào bạn muốn sử dụng?
- Bạn có thể muốn có một mẫu hoặc kết cấu lặp lại, ví dụ như, hoặc một bức ảnh đen trắng của một thứ gì đó trong doanh nghiệp của bạn. Bạn muốn hình nền hiển thị như thế nào trong trình duyệt?
- Bạn có thể muốn gạch hoặc lặp lại hình nền của mình trong cửa sổ trình duyệt hoặc ghim nó đến một vị trí nhất định bất kể kích thước trình duyệt của khách là gì. Câu trả lời cho những câu hỏi này xác định cách bạn cài đặt một hình nền trong thiết kế chủ đề của bạn.
Khi làm việc với đồ hoạ trên web, sử dụng định dạng hình ảnh GIF, JPG hoặc PNG. Đối với hình ảnh có một số lượng nhỏ màu sắc (chẳng hạn như biểu đồ, biểu trưng và biểu trưng), định dạng GIF hoạt động tốt nhất. Đối với các loại hình ảnh khác (ảnh chụp màn hình với văn bản và hình ảnh, pha trộn minh bạch, v.v …), sử dụng JPG (còn gọi là JPEG) hoặc PNG.
Đối với thiết kế web, đặc điểm của từng định dạng tệp hình ảnh có thể giúp bạn quyết định định dạng tệp nào bạn cần sử dụng cho trang web của bạn. Các định dạng tệp tin phổ biến nhất và các đặc tính bao gồm:
JPG:
- Thích hợp cho việc sử dụng với hình ảnh và hình ảnh nhỏ hơn được sử dụng trong các dự án thiết kế web của bạn. Mặc dù định dạng JPG nén với nén lossy, bạn có thể điều chỉnh nén khi bạn lưu tệp ở định dạng JPG. Có nghĩa là bạn có thể chọn độ, hoặc số lượng nén xảy ra, từ 1 đến 100. Thông thường, bạn sẽ không thấy nhiều mất chất lượng hình ảnh với mức nén từ 1 đến 20. PNG: > Thích hợp cho các đồ hoạ lớn hơn được sử dụng trong thiết kế web, chẳng hạn như biểu trưng hoặc biểu tượng tiêu đề chính giúp thương hiệu nhìn chung về trang web. A
- . png sử dụng nén hình ảnh không mất dữ liệu; do đó, không mất dữ liệu xảy ra trong quá trình nén, do đó bạn có được một hình ảnh sạch hơn, sắc nét hơn. Bạn cũng có thể tạo và lưu một
. png
trên một tấm vải trong suốt.. Các tệp jpg
phải có một khung màu trắng hoặc một số màu khác mà bạn chỉ định.GIF:
Thích hợp để hiển thị hình ảnh đơn giản chỉ với một vài màu. Nén của a. tập tin gif là lossless; do đó, hình ảnh thể hiện chính xác cách bạn thiết kế nó, mà không mất chất lượng. Những file này nén với chất lượng lossless khi hình ảnh sử dụng 256 màu hoặc ít hơn, tuy nhiên. Đối với những hình ảnh sử dụng nhiều màu sắc hơn (chất lượng cao hơn), GIF không phải là định dạng lớn nhất để sử dụng. Đối với hình ảnh có rất nhiều màu sắc, thay vào đó hãy sử dụng định dạng PNG.
