Công cụ thay đổi kích thước ảnh là gì?
Thay đổi kích thước ảnh là tạo một ảnh có chiều rộng và chiều cao tính bằng pixel mới từ ảnh gốc. Chẳng hạn, một ảnh lớn có thể được thu nhỏ để đáp ứng yêu cầu tải lên hoặc phù hợp với vùng trình bày. Đây là thay đổi dữ liệu ảnh, khác với việc chỉ phóng to hay thu nhỏ cách ảnh xuất hiện trên màn hình.
Image Resizer xử lý một ảnh trong mỗi lần chọn. Công cụ đọc kích thước gốc, cho phép nhập chiều rộng và chiều cao đích, đồng thời có tùy chọn khóa tỷ lệ để tự tính chiều còn lại. Sáu mức chỉnh nhanh gồm 25%, 50%, 75%, 100%, 150% và 200%. Kết quả là ảnh được vẽ lại ở kích thước đã chọn, sau đó tạo liên kết tải xuống.
Nhu cầu chính mà công cụ giải quyết là đổi số pixel theo hai chiều, không phải chỉnh sửa bố cục hay phục hồi chi tiết. Toàn bộ nội dung ảnh gốc được đưa vào vùng ảnh mới; không có thao tác chọn một phần ảnh để cắt bỏ.
Giữ tỷ lệ giúp hạn chế méo hình, nhưng không bảo đảm giữ nguyên độ nét hoặc dung lượng. Thu nhỏ làm giảm số pixel; phóng lớn tạo thêm pixel từ dữ liệu sẵn có. Tệp xuất còn được mã hóa lại, nên không nên xem nó là bản gốc chỉ được đổi thông số kích thước.
Các thuật ngữ cần hiểu khi thay đổi kích thước ảnh
Pixel và kích thước ảnh
Pixel là đơn vị cấu thành ảnh raster, tức loại ảnh được biểu diễn bằng một lưới điểm ảnh. Kích thước 1200 × 800 px nghĩa là ảnh có 1200 pixel theo chiều ngang và 800 pixel theo chiều dọc. Hai ô kích thước của công cụ sử dụng đơn vị này. Cần phân biệt số pixel với dung lượng tính bằng byte hoặc KB, và với kích thước ảnh đang hiển thị: một ảnh nhiều pixel vẫn có thể xuất hiện rất nhỏ trong khung xem.
Tỷ lệ khung hình
Tỷ lệ khung hình mô tả quan hệ giữa chiều rộng và chiều cao, thường viết dưới dạng W:H hoặc tính bằng chiều rộng chia chiều cao. Ví dụ, ảnh 1200 × 800 px có tỷ lệ 3:2. Công cụ dùng tỷ lệ gốc để tính chiều còn lại khi khóa tỷ lệ. Điều dễ nhầm là giữ tỷ lệ không có nghĩa giữ nguyên kích thước: ảnh có thể nhỏ hơn nhiều nhưng vẫn giữ hình dáng tổng thể, trong khi độ chi tiết đã thay đổi.
Thu phóng và lấy mẫu lại
Thu phóng ảnh raster cần tạo một lưới pixel mới từ ảnh hiện có; quá trình này thường được gọi là lấy mẫu lại. Thu nhỏ giảm số pixel, còn phóng lớn tăng số pixel phải biểu diễn. Trong công cụ này, cơ chế được xác nhận là vẽ ảnh gốc vào vùng vẽ có kích thước đích bằng API trình duyệt. Không có bằng chứng về thuật toán phục hồi chi tiết hoặc nâng độ phân giải bằng AI. Vì vậy, đừng nhầm tăng số pixel với tăng lượng thông tin thật.
Định dạng ảnh và MIME
Định dạng ảnh quy định cách dữ liệu được lưu, chẳng hạn JPEG, PNG hoặc WebP. MIME là nhãn nhận diện loại dữ liệu, như image/jpeg. Công cụ lấy MIME đầu vào để yêu cầu kiểu xuất, còn phần mở rộng tải xuống được giữ theo tên ảnh đã chọn. Hai thông tin này không được đối chiếu trong mã. Vì thế, đuôi tệp không tự chứng minh định dạng thực tế; khả năng mã hóa của trình duyệt cũng ảnh hưởng đến kết quả.
Nén ảnh và chất lượng mã hóa
Nén ảnh là biểu diễn dữ liệu theo cách tiết kiệm dung lượng, có thể kèm mất thông tin tùy định dạng và thiết lập. Chất lượng mã hóa là tham số dành cho bộ mã hóa, không phải tỷ lệ chi tiết được bảo toàn. Mặc định, công cụ xuất với chất lượng 92, và người dùng có thể kéo thanh chất lượng từ 10 đến 100 trong mục Tùy chọn nâng cao; tham số này chỉ có ý nghĩa với JPEG và WebP, còn PNG không dùng tham số chất lượng. Con số đó không có nghĩa giữ lại đúng 92% chi tiết, cũng không cho biết ảnh sẽ còn bao nhiêu KB.
Đầu vào và đầu ra của công cụ gồm những gì?
Ảnh và thông số được tiếp nhận
Đầu vào là một tệp ảnh mà trình duyệt có thể đọc và giải mã. Bộ chọn tệp khai báo chấp nhận JPG, PNG, WebP, GIF, BMP và AVIF, đồng thời có thể kéo-thả ảnh vào khung hoặc dán ảnh từ bộ nhớ tạm. Đây là phạm vi lựa chọn được thể hiện trong giao diện, không phải bảo đảm mọi ảnh mang các đuôi này đều đọc được. Một tệp hỏng hoặc có nội dung không phù hợp vẫn có thể không được xử lý.
Chiều rộng và chiều cao đích dùng đơn vị px, nên trong sử dụng thông thường hãy nhập số nguyên dương. Các ô chấp nhận số nguyên từ 1 đến 8000. Số ngoài khoảng hoặc không đọc được sẽ hiện thông báo lỗi và nút tải bị vô hiệu, thay vì giữ lại kết quả trước đó.
Bạn có thể chọn trạng thái khóa tỷ lệ hoặc dùng sáu mức cố định: 25%, 50%, 75%, 100%, 150% và 200%. Không có ô nhập phần trăm tùy ý hay cơ chế tiếp nhận nhiều ảnh cùng lúc trong phần mã này.
Tệp tải xuống và cách đọc kết quả
Giao diện hiển thị kích thước gốc và hai thông số đích. Tệp tải xuống được đặt tên bằng cách thêm hậu tố _resized trước phần mở rộng gốc. Dòng kết quả báo dung lượng ước tính của ảnh xuất cùng dung lượng ảnh gốc, nhưng không có tỷ lệ tiết kiệm hay chỉ số đánh giá chất lượng.
Khung xem trước hiển thị đúng ảnh đã đổi kích thước. Mỗi lần sửa thông số, ảnh xem trước được vẽ lại theo kích thước mới, kèm dung lượng ước tính. Tuy vậy, khung hiển thị vẫn giới hạn kích thước trình bày nên không thể dùng độ lớn trên màn hình để suy ra số pixel của tệp.
Mặc định, công cụ xuất theo định dạng gốc; mục Tùy chọn nâng cao còn cho chọn PNG, JPG hoặc WebP và kéo thanh chất lượng khi xuất JPG hoặc WebP. Khả năng giữ kiểu mã hóa phụ thuộc hỗ trợ của trình duyệt; định dạng gốc mà trình duyệt không mã hóa được (như GIF, BMP, AVIF) sẽ được xuất ra dạng PNG. Không nên hiểu việc giữ phần mở rộng là giữ nguyên mọi thành phần của tệp.
Công cụ tính kích thước và giữ tỷ lệ như thế nào?
Công thức khi khóa và mở khóa tỷ lệ
Tỷ lệ tham chiếu được tính từ ảnh gốc: r = chiều rộng gốc / chiều cao gốc. Khóa tỷ lệ bật khi công cụ khởi tạo. Khi sửa chiều rộng W, chiều cao được tính bằng làm tròn W / r. Khi sửa chiều cao H, chiều rộng được tính bằng làm tròn H × r. Đây là cách duy trì quan hệ giữa hai chiều trong giới hạn pixel nguyên.
Khi mở khóa, hai chiều được điều chỉnh độc lập. Nếu bật khóa trở lại, công cụ lấy chiều rộng hiện tại làm cơ sở và tính lại chiều cao theo tỷ lệ ảnh gốc, không giữ tỷ lệ đang bị chỉnh lệch. Khi chọn ảnh khác, tỷ lệ tham chiếu thay đổi theo ảnh mới nhưng trạng thái khóa không tự đặt lại; nếu trước đó đã mở khóa thì trạng thái ấy tiếp tục được giữ.
Mức phần trăm và quy tắc làm tròn
Với mức thu phóng s, chiều rộng mới bằng làm tròn chiều rộng gốc × s; chiều cao mới bằng làm tròn chiều cao gốc × s. Các mức chỉnh nhanh luôn dựa trên ảnh gốc, không nối tiếp trên kết quả đang nhập. Chúng thay đổi cả hai chiều ngay cả khi khóa tỷ lệ đang tắt.
Có hai quy tắc số học cần phân biệt. Kích thước tự tính được làm tròn đến số nguyên gần nhất, còn số nhập được đọc thành số nguyên bằng cách bỏ phần thập phân. Vì thế, nhập 333,9 theo dạng số thập phân mà ô nhập chấp nhận không đồng nghĩa công cụ sẽ dùng 334 px. Để tránh khác biệt giữa giá trị nhìn thấy và giá trị xử lý, nên dùng số nguyên.
Cách tạo ảnh tải xuống
Mỗi lần tạo kết quả, công cụ vẽ lại toàn bộ ảnh gốc vào vùng vẽ mới, rồi mã hóa với mức chất lượng đã chọn (mặc định 92, chỉ áp dụng cho JPEG và WebP). Nó không lấy ảnh xuất trước đó làm nguồn, nên thay đổi thông số nhiều lần trong cùng lượt không tạo chuỗi thu phóng từ các bản đã xuất.
Nếu chiều vừa nhập không đọc được thành số, không lớn hơn 0 hoặc vượt quá 8000, công cụ hiện thông báo lỗi và vô hiệu nút tải; không còn nhánh thay chiều không hợp lệ bằng chiều gốc.
Ví dụ đổi kích thước ảnh và cách hiểu kết quả
Các ví dụ dưới đây dùng ảnh giả định và kết quả tính theo công thức trong mã. Mọi kích thước đều tính bằng px; không suy đoán dung lượng, thời gian xử lý hoặc mức thay đổi chất lượng.
Thu nhỏ mà giữ tỷ lệ gốc
Giả định ảnh gốc là 1200 × 800 px, khóa tỷ lệ đang bật và bạn nhập chiều rộng 600 px. Tỷ lệ gốc bằng 1200 / 800 = 1,5. Chiều cao tự tính là làm tròn 600 / 1,5 = 400 px. Kích thước đích vì vậy là 600 × 400 px.
Cả hai chiều đều giảm còn một nửa, nên nội dung giữ tỷ lệ hình học ban đầu. Toàn bộ ảnh được thu nhỏ, không có vùng nào được chọn để bỏ đi. Tuy nhiên, số pixel ít hơn đồng nghĩa những chi tiết nhỏ hoặc chữ rất nhỏ có thể khó quan sát hơn; công thức chỉ xác nhận kích thước, không xác nhận độ nét.
Đổi hai chiều độc lập thành ảnh vuông
Vẫn với ảnh gốc 1200 × 800 px, giả định bạn mở khóa và đặt chiều rộng 600 px, chiều cao 600 px. Công cụ vẽ toàn bộ ảnh vào vùng 600 × 600 px. Chiều ngang được thu còn một nửa, còn chiều dọc được thu còn ba phần tư, nên hình học của nội dung thay đổi.
Ảnh xuất có khung vuông nhưng không phải ảnh vuông tạo bằng cách cắt. Một vật thể tròn có thể không còn tròn, và khuôn mặt có thể trông khác tỷ lệ ban đầu. Ví dụ này cho thấy đạt đúng hai con số kích thước chưa chắc đã đáp ứng yêu cầu về hình thức.
Phần trăm tính từ ảnh gốc và sai số làm tròn
Với ảnh 1200 × 800 px, chọn 50% cho 600 × 400 px. Nếu tiếp tục chọn 150%, kết quả cuối là 1800 × 1200 px, vì phép tính trở lại ảnh gốc: 1200 × 1,5 và 800 × 1,5. Kết quả không phải 900 × 600 px.
Với ảnh gốc 1000 × 667 px, khóa tỷ lệ và nhập chiều rộng 333 px, chiều cao trước làm tròn là 333 × 667 / 1000 = 222,111 px. Sau làm tròn, kích thước đích là 333 × 222 px. Sai lệch tỷ lệ nhỏ xuất hiện vì không thể dùng một phần pixel trong kích thước xuất.
Một trường hợp biên: ảnh 1 × 10 px chọn 25% tạo giá trị hai ô là 0 và 3 sau làm tròn. Khi xuất, chiều rộng 0 được thay bằng chiều rộng gốc 1 px, nên vùng ảnh thành 1 × 3 px. Với ảnh cực nhỏ, cần kiểm tra tệp thực tế thay vì chỉ dựa vào các ô nhập.
Khi nào nên thay đổi kích thước ảnh?
Đáp ứng yêu cầu kích thước pixel
Đổi kích thước phù hợp khi bạn đã biết yêu cầu chiều rộng hoặc chiều cao tính bằng pixel. Chẳng hạn, một hệ thống tải lên yêu cầu ảnh không vượt quá chiều rộng nhất định, hoặc tài liệu cần ảnh nhỏ hơn để phù hợp vùng trình bày. Hãy lấy thông số từ nơi sử dụng ảnh, thay vì áp dụng một kích thước được cho là chuẩn cho mọi nền tảng.
Thu nhỏ cũng hữu ích khi ảnh nguồn lớn hơn nhiều so với nhu cầu thực tế. Tuy nhiên, công cụ không báo dung lượng sau xuất, nên nếu yêu cầu bao gồm cả kích thước pixel lẫn dung lượng, bạn cần kiểm tra hai điều kiện riêng. Phóng lớn có thể đáp ứng số pixel yêu cầu, nhưng không thay thế được một ảnh nguồn có nhiều chi tiết hơn.
Chọn giữ tỷ lệ hay chấp nhận biến dạng
Với ảnh chân dung, sản phẩm hoặc hình có chữ, nên giữ tỷ lệ để hạn chế thay đổi hình dáng. Đặc biệt, biến dạng một sản phẩm có thể làm người xem hiểu sai tỷ lệ thực tế; chữ bị kéo ngang hoặc dọc cũng có thể kém dễ đọc.
Nếu bắt buộc đồng thời đạt một chiều rộng và chiều cao khác tỷ lệ gốc, bạn phải cân nhắc giữa méo hình và phương pháp khác như cắt vùng hoặc thêm viền. Công cụ này không cung cấp hai phương pháp đó. Nên giữ bản gốc để đối chiếu và kiểm tra ảnh tải xuống ở kích thước phù hợp với nơi sử dụng, vì kết quả đã được vẽ lại và mã hóa lại.
Đổi kích thước khác gì với cắt ảnh, nén ảnh và đổi định dạng?
Đổi kích thước và cắt vùng ảnh
Đổi kích thước thay đổi số pixel bằng cách vẽ lại toàn bộ ảnh ở chiều rộng và chiều cao mới. Cắt ảnh thì loại bỏ một phần vùng ảnh, thường nhằm thay đổi bố cục hoặc tỷ lệ khung hình mà không kéo giãn nội dung còn lại. Hai thao tác có thể cùng tạo ra một khung vuông, nhưng ảnh nhận được có ý nghĩa khác nhau.
Nếu cần giữ hình dáng chủ thể trong một tỷ lệ mới, cắt vùng là phương án đáng cân nhắc, với điều kiện chấp nhận mất phần nội dung ngoài vùng chọn. Bạn có thể tham khảo trang về cắt vùng ảnh online cho nhu cầu này; đây là chủ đề khác với cơ chế thu phóng đang được giải thích.
Kích thước pixel, dung lượng và định dạng
Nén ảnh tập trung vào cách mã hóa và dung lượng lưu trữ. Đổi kích thước có thể tác động đến dung lượng vì số pixel thay đổi, nhưng không bảo đảm đạt một mức KB cụ thể. Nếu yêu cầu chính là dung lượng, trang về nén dung lượng hình ảnh là hướng chủ đề phù hợp hơn để tìm hiểu.
Đổi định dạng lại nhằm thay đổi kiểu dữ liệu lưu ảnh. Image Resizer có lựa chọn định dạng đích trong mục Tùy chọn nâng cao (giữ gốc, PNG, JPG hoặc WebP); nếu không chọn, nó xuất theo định dạng đầu vào. Nhu cầu này nên được phân biệt với chủ đề chuyển định dạng ảnh. Các trang được nhắc đến không được xác nhận tự tích hợp với công cụ đổi kích thước, và tính năng cụ thể của chúng không được suy ra từ mã đang phân tích.
Giới hạn và lưu ý khi sử dụng công cụ
Chất lượng, trình duyệt và kích thước ảnh lớn
Không có căn cứ để hứa rằng ảnh giữ nguyên độ nét sau thu phóng. Phóng lớn không tự tạo lại chi tiết thật đã thiếu; chọn 100% vẫn đi qua bước mã hóa lại. Với nội dung quan trọng, nên đánh giá trực tiếp ảnh xuất, nhất là chữ nhỏ, đường viền và những vùng có nhiều chi tiết.
Khả năng đọc ảnh, xuất định dạng và xử lý vùng vẽ lớn phụ thuộc trình duyệt cùng thiết bị. Công cụ giới hạn ảnh đầu vào tối đa 30 MB và mỗi chiều đích tối đa 8000 px, đồng thời hiện thông báo lỗi riêng cho định dạng chưa hỗ trợ, ảnh quá lớn, kích thước không hợp lệ hoặc ảnh không đọc được. Dù vậy, ảnh rất lớn vẫn có thể vượt khả năng xử lý của trình duyệt và thiết bị.
Khung xem trước hiển thị đúng ảnh xuất. Với kích thước cực nhỏ hoặc tỷ lệ rất lệch, làm tròn vẫn có thể khiến một chiều lệch 1 px so với giá trị lý thuyết, nhưng kích thước không hợp lệ sẽ bị chặn bằng thông báo lỗi thay vì âm thầm dùng chiều gốc.
Những đặc tính tệp và quyền riêng tư chưa được xác minh
Không có cơ chế rõ ràng để sao chép metadata, quản lý DPI hoặc bảo toàn ảnh động. Cách trình duyệt xử lý định hướng, hồ sơ màu và các đặc tính đặc biệt cũng chưa được xác minh. Vì vậy, không nên kỳ vọng đầu ra giữ mọi thuộc tính của tệp nguồn chỉ vì phần mở rộng không đổi.
Đoạn mã cho thấy việc đọc và vẽ ảnh bằng API trình duyệt, nhưng không đủ để kết luận toàn bộ website không gửi, lưu hoặc theo dõi dữ liệu. Không có cơ sở cho tuyên bố bảo mật tuyệt đối. Trước khi dùng ảnh cho yêu cầu quan trọng, hãy kiểm tra kích thước thực tế, kiểu dữ liệu và nội dung của tệp tải xuống.
Câu hỏi thường gặp
Vì sao ảnh bị méo khi nhập chiều rộng và chiều cao mới?
Ảnh thường bị méo khi hai chiều được thay đổi không cùng tỷ lệ thu phóng trong lúc khóa tỷ lệ đang tắt. Công cụ đưa toàn bộ nội dung vào kích thước đích, không tự cắt hoặc thêm viền để giữ hình dáng. Nếu cần tránh biến dạng, hãy giữ tỷ lệ gốc và để công cụ tính chiều còn lại. Nếu nơi sử dụng bắt buộc một khung khác tỷ lệ gốc, cần cân nhắc xử lý bố cục bằng phương pháp khác thay vì ép cả hai chiều.
Chọn 50% rồi 150% có phóng lớn từ kết quả 50% không?
Không. Mỗi mức chỉnh nhanh được tính từ chiều rộng và chiều cao của ảnh gốc đang được chọn, chứ không từ kích thước hiện tại. Với nguồn 1200 × 800 px, thao tác 150% sau 50% vẫn đặt kích thước thành 1800 × 1200 px. Quy tắc này áp dụng cả khi khóa tỷ lệ đang mở, vì nút phần trăm thay đổi đồng thời hai chiều. Muốn có kích thước khác, bạn có thể nhập số pixel cụ thể thay vì hiểu các mức phần trăm là phép nhân nối tiếp.
Vì sao ảnh trong khung xem trước trông nhỏ hơn kích thước pixel thật?
Khung xem trước nay đã hiển thị đúng ảnh xuất theo kích thước mới, nhưng khung hiển thị giới hạn kích thước trình bày nên không thể dùng độ lớn trên màn hình để suy ra số pixel của tệp. Hai ô kích thước cho biết thông số dự kiến xử lý trong trường hợp hợp lệ. Để xác nhận cả kích thước lẫn hình dáng cuối cùng, hãy kiểm tra ảnh tải xuống, đặc biệt khi đã chỉnh hai chiều độc lập.
Phóng ảnh lên 200% có làm ảnh rõ hơn không?
Không có bảo đảm ảnh rõ hơn. Mức 200% tăng gấp đôi chiều rộng và chiều cao so với nguồn, nhưng mã chỉ vẽ lại ảnh sẵn có vào vùng lớn hơn. Không có cơ chế được xác nhận để khôi phục chi tiết hoặc nâng độ phân giải bằng AI. Ảnh có thể đáp ứng yêu cầu số pixel mà vẫn trông mềm hoặc thiếu chi tiết khi quan sát lớn. Nếu độ rõ là ưu tiên, một bản nguồn có nhiều thông tin hơn thường phù hợp hơn việc chỉ tăng kích thước xuất.
Có thể đổi kích thước để ảnh chắc chắn nhỏ hơn một mức KB không?
Không thể bảo đảm một ngưỡng KB từ công cụ này. Nó cho phép đặt chiều rộng và chiều cao, nhưng không có mục tiêu dung lượng, thanh chất lượng hoặc báo cáo kích thước tệp sau xuất. Dung lượng còn phụ thuộc nội dung ảnh, định dạng và cách mã hóa của trình duyệt. Nếu nơi nhận yêu cầu đồng thời giới hạn pixel và KB, hãy kiểm tra tệp sau tải theo từng điều kiện. Thu nhỏ có thể hữu ích, nhưng không nên coi một mức phần trăm là cam kết về dung lượng.
Chọn 100% có giữ nguyên hoàn toàn tệp ảnh gốc không?
Không. Mức 100% đặt hai chiều theo kích thước nguồn, nhưng công cụ vẫn vẽ ảnh vào vùng vẽ và tạo dữ liệu mã hóa mới. Vì vậy, cùng số pixel không đồng nghĩa cùng nội dung tệp ở mức byte, cùng dung lượng hoặc giữ nguyên metadata. Với định dạng có mất dữ liệu, bước mã hóa lại còn có thể ảnh hưởng hình ảnh dù kích thước không đổi. Nếu cần lưu bản nguyên vẹn để đối chiếu hay sử dụng lâu dài, hãy giữ riêng tệp nguồn thay vì thay nó bằng bản xuất 100%.
Công cụ có đổi kích thước nhiều ảnh cùng lúc không?
Không có chức năng xử lý nhiều ảnh cùng lúc trong giao diện và Logic của công cụ. Mỗi lần chọn, công cụ lấy một ảnh để đọc kích thước và tạo kết quả. Bạn có thể chọn ảnh khác sau đó, nhưng đây là các lượt riêng, không phải xử lý theo lô. Khi chuyển ảnh, kích thước gốc và tỷ lệ tham chiếu được cập nhật; trạng thái khóa tỷ lệ trước đó vẫn được giữ. Do vậy, hãy kiểm tra trạng thái này trước khi điều chỉnh ảnh tiếp theo để tránh biến dạng ngoài ý muốn.