Trang Chủ Xã hội Truyền thông Thay đổi kích thước Đồ hoạ và Ảnh cho iPad và iPhone - núm vú

Thay đổi kích thước Đồ hoạ và Ảnh cho iPad và iPhone - núm vú

Mục lục:

Video: Ứng Dụng Nhìn Xuyên Quần Áo Trên Điện Thoại 2025

Video: Ứng Dụng Nhìn Xuyên Quần Áo Trên Điện Thoại 2025
Anonim

Thay đổi kích thước hình ảnh web để hiển thị trên iPad và iPhone là quan trọng vì hai lý do: Hình ảnh phải đủ nhỏ để hiển thị tốt trên màn hình máy tính và để tải nhanh đến máy tính của người dùng. Hình ảnh nhỏ hơn thì nhanh hơn.

Mặc dù bạn có thể thay đổi kích thước hiển thị của một hình ảnh trong một trang web bằng cách thay đổi chiều cao và chiều rộng cài đặt trong Dreamweaver hoặc bất kỳ trình biên tập web nào khác, bạn sẽ nhận được kết quả tốt hơn nếu thay đổi kích thước vật lý của hình ảnh trong một trình soạn thảo chương trình như Photoshop.

Khi bạn thay đổi chiều cao và chiều cao của một hình ảnh trong mã HTML, bạn chỉ cần hướng dẫn trình duyệt web hiển thị hình ảnh ở một kích thước khác. Thật không may, các trình duyệt không thực hiện tốt công việc thay đổi kích thước hình ảnh vì các trình duyệt không tự thay đổi hình ảnh, nhưng chỉ buộc nó để phù hợp với không gian được chỉ định khi trình duyệt tải trang.

Nếu bạn đặt hình ảnh để hiển thị lớn hơn kích thước thực của nó, hình ảnh có thể trông mờ hoặc bị méo mó bởi vì hình ảnh không có đủ điểm ảnh cho tất cả các chi tiết để trông đẹp với kích thước lớn hơn. Nếu bạn thiết lập mã để hiển thị hình ảnh nhỏ hơn nó, hình ảnh có vẻ sẽ trở nên mờ và người dùng của bạn phải tải xuống một hình ảnh lớn hơn mức cần thiết.

Giảm kích thước hình ảnh để sử dụng trên web đòi hỏi hai bước. Trước tiên, bạn giảm độ phân giải của một hình ảnh, thay đổi số lượng điểm ảnh trong hình ảnh. Khi bạn đang làm việc với hình ảnh cho web, bạn muốn giảm độ phân giải xuống 72 pixel trên một inch (ppi).

Thứ hai, bạn giảm kích thước vật lý của hình ảnh bằng cách giảm kích thước của ảnh. Bạn muốn định dạng kích thước hình ảnh của mình để phù hợp với trình duyệt và làm việc trong thiết kế trang web của bạn.

Làm theo các bước dưới đây để giảm độ phân giải và giảm kích thước của một hình ảnh trong Photoshop (trong Photoshop Elements hoặc Fireworks, bạn theo một quy trình tương tự mặc dù các bước cụ thể có thể khác nhau):

1 Với một mở hình ảnh trong Photoshop, chọn Image → Resize.

Hộp thoại Hình ảnh Kích cỡ sẽ mở ra.

Nếu bạn không muốn hình ảnh gốc của mình bị mất chất lượng (hoặc bạn chỉ muốn chơi an toàn), hãy sao chép hình ảnh của bạn và thay đổi kích cỡ bản sao cho trang web của bạn.

2 Để thay đổi độ phân giải của hình ảnh, đầu tiên bỏ chọn hộp kiểm Resample Image ở cuối hộp thoại Image Size.

Để có kết quả tốt nhất, hãy bỏ chọn hộp kiểm Resample Image khi bạn thay đổi độ phân giải. Để chuẩn bị tốt nhất cho web, hãy thay đổi độ phân giải thành 72 ppi để họ tải xuống nhanh hơn.

3Click và kéo để làm nổi bật số trong trường Nghị quyết và thay thế bằng cách gõ vào số 72.

Chiều rộng Chiều rộng và Chiều cao sẽ tự động thay đổi kích thước.

4Click để chọn hộp kiểm Resample Image.

Với hộp kiểm Resample Image đã bỏ chọn, bạn không thể thay đổi kích thước Pixel để nó phải được kiểm tra khi bạn thay đổi kích thước hình ảnh.

5Nhập chiều cao và chiều rộng cho hình ảnh trong các trường Chiều cao và Chiều rộng.

Nếu hộp kiểm Constrain Proportions ở dưới cùng của hộp thoại được chọn (như trong ví dụ này), bất kỳ thay đổi nào bạn thực hiện cho chiều cao sẽ tự động ảnh hưởng đến chiều rộng (và ngược lại) để đảm bảo tỷ lệ ảnh vẫn còn không thay đổi. Nếu bạn muốn thay đổi hình ảnh và không duy trì tỷ lệ, bạn có thể bỏ chọn hộp này.

Khi bạn thay đổi kích thước một hình ảnh trong Photoshop trong khu vực Pixel Dimensions, bạn có thể chỉ định kích thước mới bằng pixel hoặc theo phần trăm của kích thước ban đầu.

Hình ảnh của các nghệ sỹ Amy Baur và Brian Boldon, từ nghệ thuật trong không gian.

6Click OK để thay đổi kích thước hình ảnh.

Nếu bạn muốn trả lại hình ảnh về kích thước trước đó, hãy chọn Chỉnh sửa → Hoàn tác. Lưu ý rằng khi bạn lưu hình ảnh, những thay đổi trở nên vĩnh viễn.

Thay đổi kích thước Đồ hoạ và Ảnh cho iPad và iPhone - núm vú

Lựa chọn của người biên tập

Mang quà Hostess - núm vú

Mang quà Hostess - núm vú

Khi bạn được mời đến nhà của người khác, cho chủ nhà một món quà nhỏ được gọi là quà tặng chủ nhà) luôn là một cử chỉ tốt đẹp, ngay cả khi lời mời không hướng dẫn bạn. Với một chai rượu vang, một cây có hoa, hoặc một món ăn ngon thì đây là một cách đáng để bạn thể hiện sự đánh giá cao của bạn và thể hiện sự xuất sắc của khách mời ...

Trao quyền cho bản thân bằng cách tốt - những con voi

Trao quyền cho bản thân bằng cách tốt - những con voi

Dù bạn gọi nó là gì - cách cư xử, lịch thiệp, nghi thức, bạn có thể kết hợp nó với sự lãnh đạo. Khi bạn dẫn đầu trong việc làm cho mọi người dễ dàng và làm cho mọi tình huống dễ chịu, bạn thể hiện sự cân bằng. Sự trầm cảm đến từ sự tự tin. Trong khí hậu ngày nay, nghi thức và tục tĩu đôi khi được coi là hổ thẹn. Những người khác xem ...

Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

Con người thường tự bảo vệ bản thân mình khỏi nỗi đau của riêng mình cảm xúc (bao gồm lo lắng, oán giận, thất vọng và trầm cảm) bằng cách che giấu những cảm xúc này - từ bản thân và từ người khác. Họ thường làm như vậy mà không hề biết rằng họ đang làm việc đó. Người cao niên cũng không ngoại lệ. Ẩn cảm xúc không phải lúc nào cũng là điều xấu - có thể là ...

Lựa chọn của người biên tập

Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

Lớp phiên của Kết nối Hệ thống Mở (Open System Interconnection) (OSI) mô tả cách thức dữ liệu được định dạng giữa các thiết bị ở hai bên của liên kết. Đây là cách thức hiệu quả trong việc duy trì kênh mở giữa hai thiết bị. Tuy nhiên, ở các mức thấp của mô hình OSI, không có kết nối vĩnh viễn, nhưng ...

Cisco Các mạng: Gói - núm vú

Cisco Các mạng: Gói - núm vú

Các bộ chứa dữ liệu được gọi là các khung trong lớp liên kết dữ liệu (Lớp 2) và các gói trong lớp mạng (lớp 3). Trong lớp mạng, bạn chỉ nhìn vào phần của khung được gọi là dữ liệu trong khung Ethernet. Khi khung Ethernet di chuyển lên từ lớp liên kết dữ liệu tới ...

Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

Tổ chức Tiêu chuẩn hoá Quốc tế (ISO) thiết bị phải được thiết kế để giao tiếp với nhau. ISO đã đề xuất mô hình mạng cho phép truyền thông này diễn ra, và mặc dù điều này là tốt từ một mức độ lý thuyết, nó không phải luôn luôn theo sau, đặc biệt là kể từ khi nó được xuất bản sau nhiều mạng ...

Lựa chọn của người biên tập

Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

Trước khi bạn có thể viết Các chương trình Java cho các thiết bị Android, bạn cần một số công cụ phần mềm. Nếu bạn là một tay cũ để cài đặt phần mềm, và nếu máy tính của bạn không phải là quirky, các bước này có lẽ sẽ phục vụ bạn tốt. Truy cập trang web Lập trình Java dành cho Nhà phát triển Android for Dummies và tải xuống tệp có chứa các ví dụ về chương trình. Truy cập Java ...

Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

Thách thức này giúp bạn sử dụng tài năng lập trình của mình để viết một chương trình Java sẽ in các bước cần thiết để giải quyết một tháp Towers của Hà Nội puzzle cho số lượng đĩa. Tháp Hà Nội là một câu đố logic cổ điển bao gồm ba chốt đứng và một số đĩa có đường kính khác nhau. Mỗi

Java: lặp lại và For Vòng lặp - núm vú

Java: lặp lại và For Vòng lặp - núm vú

Trong Java, giống như trong thế giới thực, có rất nhiều lần khi bạn lặp lại một cái gì đó. Tương tự như vậy, các ứng dụng có nhu cầu lặp lại nhiệm vụ. Thực hiện chúng một lần là không đủ, trong một số trường hợp. Chương này giúp bạn hiểu cách thực hiện cùng một nhiệm vụ nhiều lần. Một vòng lặp lặp đi lặp lại bao gồm một cấu trúc đặc biệt theo dõi khi nào ...