Một bài học đơn giản
Hình ảnh và đồ họa sử dụng rất nhiều không gian máy chủ. Điều này có thể làm cho các trang web tải chậm hơn rất nhiều. Một lựa chọn bạn có là sử dụng hình thu nhỏ của hình ảnh của bạn để thay thế. Hình thu nhỏ là phiên bản nhỏ hơn của cùng một hình ảnh. Từ đó bạn liên kết với hình ảnh gốc.
Khi bạn sử dụng hình thu nhỏ, bạn có thể phù hợp với nhiều đồ họa hơn trên một trang. Người đọc của bạn có thể chọn và chọn từ tất cả đồ họa trên trang và quyết định xem đồ họa nào họ muốn xem.
Tạo hình thu nhỏ không khó và thực sự không mất nhiều thời gian. Điều đầu tiên bạn cần làm là tải xuống một chương trình chỉnh sửa ảnh hoặc đồ họa. Tôi sử dụng Irfan View. Nó hoàn toàn miễn phí và dễ sử dụng. Nó không phải là toàn diện như một cái gì đó như Paint Shop Pro hoặc Photoshop nhưng nó đủ tốt để thay đổi kích thước, cắt xén và thay đổi cách nhìn của màu sắc.
Tôi sẽ sử dụng Irfan View cho bài học này. Các hướng dẫn không khác nhiều nếu bạn đang sử dụng một chương trình khác.
Việc đầu tiên bạn sẽ làm là mở hình ảnh mà bạn muốn thay đổi kích thước. Bạn làm điều này bằng cách nhấp vào "Tệp", "Mở", tìm hình ảnh trên máy tính của bạn và nhấp vào nút "Mở".
Với hình ảnh mở trong chương trình chỉnh sửa đồ họa của bạn, bạn có thể cắt nó hoặc thay đổi kích cỡ nó. Cắt xén là những gì bạn làm khi bạn có hình ảnh có nhiều hình ảnh hơn so với những gì bạn muốn sử dụng. Giả sử bạn có một bức ảnh của bạn và một người khác nhưng bạn chỉ muốn sử dụng một phần với bạn trên đó và cắt bỏ người khác, đó là cắt xén.
Để cắt nó, trước tiên bạn cần phải chọn khu vực bạn muốn giữ. Đặt con trỏ chuột của bạn ở một góc của khu vực bạn muốn giữ, giữ nút chuột và kéo con trỏ đến góc đối diện của khu vực. Bạn sẽ thấy một dòng được tạo xung quanh khu vực khi bạn làm điều này và một đường viền mỏng xung quanh nó khi bạn hoàn tất.
Bây giờ hãy nhấp vào "Chỉnh sửa", "Cắt vùng chọn". Khu vực bạn đã chọn sẽ được để lại và phần còn lại của ảnh sẽ biến mất. Nếu bạn thích những gì bạn thấy, bạn sẽ muốn lưu hình ảnh vào thời điểm này để bạn không vô tình đóng chương trình và mất việc cắt xén. Nếu bạn không thích, hãy nhấp vào "Chỉnh sửa", "Hoàn tác" và nó sẽ quay lại ngay trước khi bạn cắt.
Nếu bạn muốn cắt một cái gì đó ra khỏi hình ảnh, bạn có thể làm điều này bằng cách sử dụng tính năng "Cắt". Bạn cũng có thể thêm văn bản vào ảnh của mình tại thời điểm này bằng cách sử dụng "Chèn văn bản vào lựa chọn". Cả hai tính năng này đều nằm trong menu "Chỉnh sửa". Hãy nhớ lưu hình ảnh sau khi bạn thực hiện thay đổi bạn thích để bạn không bị mất công việc của mình.
Bây giờ để tạo hình thu nhỏ của chúng tôi. Nhấp vào "Hình ảnh", "Thay đổi kích thước / Resample". Một hộp sẽ bật lên sẽ cho phép bạn thay đổi kích thước hình ảnh của bạn. Bạn có thể chọn thay đổi kích thước hình ảnh của mình theo chiều cao và chiều rộng hoặc theo phần trăm. Ví dụ, bạn có thể đặt chiều rộng là 50 pixel hoặc bạn có thể có nó chỉ làm cho hình ảnh 10% kích thước ban đầu của nó. Nếu bạn đang tạo hình thu nhỏ để sử dụng làm thư viện ảnh, tôi khuyên bạn nên cố gắng làm cho tất cả hình ảnh của bạn gần với cùng kích thước để chúng vừa với trang tốt hơn làm cho các hàng hoặc cột thẳng đẹp.
Nếu hình ảnh của bạn dường như đã mất đi một số độ sắc nét của nó khi bạn thay đổi kích thước, bạn có thể sử dụng tính năng "Làm sắc nét" trong menu "Hình ảnh". Khi bạn lưu hình ảnh sau khi thay đổi kích thước, hãy đảm bảo bạn sử dụng tính năng "Lưu dưới dạng", KHÔNG phải là tính năng "Lưu". Bạn sẽ muốn cho nó một cái tên khác, nhưng tương tự. Nếu bạn chỉ cần lưu nó, nó sẽ ghi đè lên hình ảnh cũ của bạn và bạn sẽ mất bản gốc. Nếu bản gốc của bạn được gọi là "picture.jpg" thì bạn có thể gọi hình thu nhỏ là "picture_th.jpg".
Nếu dịch vụ lưu trữ của bạn không có chương trình tải lên tệp để giúp bạn dễ dàng tải các trang và đồ họa lên trang web của mình thì bạn sẽ cần phải có một ứng dụng khách FTP để tải chúng lên. Dịch vụ lưu trữ bạn đang cung cấp sẽ cung cấp cho bạn các cài đặt bạn cần đưa vào ứng dụng khách FTP để bạn có thể tải lên các tệp.
Tôi khuyên bạn nên tải ảnh hoặc ảnh lên thư mục có tên "đồ họa" hoặc "ảnh" để bạn có thể tách chúng khỏi các trang của mình và vì vậy bạn có thể tìm thấy chúng dễ dàng hơn khi cần chúng. Tôi thích tổ chức các trang và đồ họa bằng cách sử dụng các thư mục khác nhau. Giữ cho trang web của bạn đẹp và gọn gàng để bạn có thể tìm thấy bất kỳ điều gì bạn đang tìm kiếm một cách nhanh chóng và do đó bạn không có danh sách dài các tệp mà bạn phải chải qua khi bạn cần một cái gì đó.
Bạn cũng sẽ cần tải hình thu nhỏ lên dịch vụ lưu trữ của mình. Cân nhắc đặt nó vào một thư mục riêng có thể được gọi là "hình thu nhỏ".
Bây giờ bạn sẽ cần địa chỉ của đồ họa của bạn. Ví dụ: Giả sử bạn lưu trữ trang web của mình tại Geocities và tên người dùng của bạn là "mysite". Đồ họa chính của bạn nằm trong một thư mục có tên là "đồ họa" và có tên là "graphics.jpg". Hình thu nhỏ được gọi là "thumbnail.jpg" và nằm trong thư mục có tên "hình thu nhỏ". Địa chỉ của hình ảnh của bạn sẽ là http://www.geocities.com/mysite/graphics/graphics.jpg và địa chỉ của hình thu nhỏ của bạn sẽ là http://www.geocities.com/mysite/thumbnail/thumbnail.jpg .
Tất cả những gì bạn cần làm bây giờ là thêm một liên kết đến hình thu nhỏ của bạn vào trang của bạn và thêm một liên kết đến hình ảnh của bạn từ hình thu nhỏ của bạn. Một số dịch vụ lưu trữ cung cấp album ảnh. Tất cả những gì bạn phải làm là làm theo chỉ dẫn của họ để thêm ảnh của bạn vào các trang.
Nếu bạn thích sử dụng HTML để tạo album ảnh, bạn vẫn không phải bắt đầu từ đầu. Thay vào đó, hãy sử dụng mẫu album ảnh. Sau đó, tất cả những gì bạn phải làm là thêm các liên kết và bạn có một album ảnh.
Nếu bạn chỉ liên kết với chính đồ họa sao cho đồ họa chính sẽ hiển thị trên trang của bạn thì mã bạn cần sử dụng là:
Văn bản cho ảnh
Khi bạn thấy graphic.jpg trong đoạn mã này, bạn sẽ thay đổi nó thành http://www.geocities.com/mysite/graphics/graphics.jpg hoặc bạn có thể sử dụng dạng ngắn như thế này /graphics/graphics.jpg . Sau đó thay đổi nơi nó nói Text for Picture thành bất cứ điều gì bạn muốn nó nói dưới hình ảnh.
Nếu bạn định sử dụng các hình thu nhỏ và liên kết đến hình ảnh từ đó thì mã bạn sẽ sử dụng sẽ khác một chút:
Nơi bạn thấy http: //address_of_graphic.gif bạn thêm địa chỉ của hình thu nhỏ của mình. Nơi bạn thấy http://address_of_page.com, bạn thêm địa chỉ đồ họa của mình. Trang của bạn sẽ hiển thị hình thu nhỏ của bạn nhưng sẽ liên kết trực tiếp với đồ họa của bạn. Khi ai đó nhấp vào hình thu nhỏ cho đồ họa, họ sẽ được đưa đến bản gốc.
Bây giờ bạn sẽ có thể liên kết với nhiều đồ họa hơn trên một trang mà không làm hỏng máy chủ khiến trang của bạn tải chậm. Đây không phải là lựa chọn duy nhất của bạn để tạo một album ảnh nhưng nó cung cấp cho bạn một cách để thêm một bó toàn bộ hình ảnh vào một trang để mọi người không phải bấm qua các trang và các trang ảnh. Họ cũng sẽ có thể chọn những bức ảnh mà họ muốn xem ở kích thước thông thường thay vì phải xem tất cả chúng nếu họ không muốn.