Bạn đã bao giờ cần điều chỉnh kích thước của một biểu tượng SVG cho bố cục trang web mới hoặc thu nhỏ logo cho dự án in ấn mà không làm nó trở nên mờ nhòe? Trình thay đổi kích thước SVG của chúng tôi là giải pháp hoàn hảo. Vì SVG dựa trên vector, chúng có thể được thu nhỏ đến bất kỳ kích thước nào mà không mất một pixel chất lượng nào. Công cụ trực tuyến miễn phí này cho phép bạn thay đổi ngay lập tức chiều rộng, chiều cao và viewBox của tệp SVG, đảm bảo chúng trông sắc nét và hoàn hảo ở bất cứ nơi nào bạn sử dụng.
Cách Trình Thay Đổi Kích Thước SVG Của Chúng Tôi Hoạt Động
Sử dụng công cụ này cực kỳ đơn giản. Chỉ cần tải lên tệp SVG của bạn, bạn sẽ thấy các tùy chọn để nhập chiều rộng và chiều cao mới tính bằng pixel. Bạn có thể chỉ định một kích thước và để công cụ tính toán kích thước còn lại để duy trì tỷ lệ khung hình, hoặc bạn có thể đặt cả hai cho kích thước tùy chỉnh. Công cụ cũng cho phép bạn sửa đổi trực tiếp thuộc tính viewBox, giúp bạn kiểm soát chính xác vùng hiển thị của đồ họa. Khi bạn hài lòng với các thay đổi, bạn có thể tải xuống SVG đã thay đổi kích thước ngay lập tức.
Khi Nào Nên Sử Dụng Công Cụ Này
Công cụ này vô cùng hữu ích cho nhiều tác vụ khác nhau. Các nhà phát triển web và nhà thiết kế thường xuyên cần thay đổi kích thước biểu tượng và logo để phù hợp với bố cục đáp ứng. Ví dụ, một logo có thể cần rộng 150px trong tiêu đề máy tính nhưng chỉ 40px cho thanh điều hướng di động. Nó cũng cần thiết để chuẩn bị đồ họa cho in ấn, nơi bạn có thể cần thu phóng một logo web nhỏ lên cho một biểu ngữ lớn. Nếu bạn đang tạo một bộ các phần tử giao diện người dùng, bạn có thể sử dụng trình thay đổi kích thước này để tạo các kích thước khác nhau từ một tệp gốc duy nhất, giúp bạn tiết kiệm đáng kể thời gian và công sức. Chúng tôi có một bộ công cụ vector SVG để hỗ trợ quy trình làm việc của bạn.
Mẹo Để Thay Đổi Kích Thước SVG Hoàn Hảo
Để có kết quả tốt nhất, hãy ghi nhớ những mẹo sau:
- Giữ Nguyên Tỷ Lệ Khung Hình: Đối với hầu hết logo và biểu tượng, bạn sẽ muốn giữ nguyên tỷ lệ gốc. Chỉ cần nhập chiều rộng hoặc chiều cao mới, công cụ sẽ tự động tính toán giá trị còn lại để tránh biến dạng.
- Hiểu Về viewBox:
viewBox giống như một cửa sổ nhìn vào khung vẽ SVG của bạn. Điều chỉnh nó có thể là một cách mạnh mẽ để cắt hoặc đóng khung lại hình ảnh của bạn mà không làm thay đổi các đường dẫn vector cơ bản. - Chuẩn Bị Cho Các Mục Đích Sử Dụng Khác Nhau: Khi SVG của bạn đã có kích thước hoàn hảo, bạn có thể cần nó ở định dạng khác. Hãy cân nhắc sử dụng trình chuyển đổi SVG sang WebP để sử dụng trên web hoặc công cụ SVG sang PDF cho tài liệu.
- Khám Phá Thêm Các Tùy Chọn: Đừng quên xem qua bộ sưu tập công cụ đầy đủ của chúng tôi cho mọi nhu cầu chuyển đổi hình ảnh và tài liệu.
Câu hỏi thường gặp
Làm thế nào để thay đổi kích thước SVG mà không làm giảm chất lượng?
SVG là đồ họa vector, vì vậy bạn có thể thay đổi kích thước chúng vô hạn mà không làm giảm chất lượng. Công cụ của chúng tôi thay đổi các thuộc tính width và height trong mã SVG, giúp chia tỷ lệ hình ảnh một cách toán học thay vì làm giãn pixel.
Tôi có thể thay đổi chiều rộng và chiều cao của SVG trong CSS không?
Có, bạn có thể thiết lập kích thước của SVG bằng CSS, điều này rất hữu ích cho thiết kế responsive. Công cụ này sửa đổi trực tiếp mã của tệp, hữu ích để đặt kích thước mặc định cố định hoặc sử dụng khi không có CSS.
Sự khác biệt giữa chiều cao/rộng SVG và viewBox là gì?
Các thuộc tính width và height xác định kích thước hiển thị cuối cùng của SVG. Thuộc tính viewBox xác định hệ tọa độ và tỷ lệ khung hình của nội dung đồ họa, hoạt động như một cửa sổ hoặc vùng cắt trên hình ảnh.
Nên thay đổi kích thước SVG hay PNG thì tốt hơn?
Đối với đồ họa như logo và biểu tượng, luôn tốt hơn khi thay đổi kích thước từ tệp SVG gốc. Thay đổi kích thước PNG, là định dạng raster, sẽ khiến nó bị mờ hoặc vỡ hạt khi phóng to.
Làm thế nào để giảm kích thước tệp SVG?
Thay đổi kích thước SVG thường không làm giảm kích thước tệp. Để giảm kích thước tệp, bạn cần đơn giản hóa các đường vector và loại bỏ mã không cần thiết, điều này đòi hỏi một công cụ tối ưu hóa SVG.
Tôi có thể thay đổi kích thước SVG theo tỷ lệ khung hình cụ thể không?
Có. Bằng cách nhập cả chiều rộng và chiều cao mới vào công cụ, bạn có thể ép SVG vào bất kỳ tỷ lệ khung hình nào bạn cần, mặc dù điều này có thể khiến hình ảnh bị kéo giãn hoặc nén lại.
Công cụ này có hoạt động trên thiết bị di động không?
Chắc chắn rồi. Trình thay đổi kích thước SVG của chúng tôi là công cụ dựa trên web, hoạt động trên mọi thiết bị có trình duyệt hiện đại, bao gồm máy tính để bàn, máy tính bảng và điện thoại thông minh.
Giới thiệu Trình chỉnh sửa SVG Resize / viewBox
Trình chỉnh sửa SVG Resize / viewBox là công cụ trực tuyến miễn phí từ Wallpapers.com, chạy hoàn toàn trong trình duyệt — không cần cài đặt, không watermark, không cần đăng ký email cho lần dùng đầu.
Thay đổi chiều rộng / chiều cao / viewBox của SVG mà không làm giảm chất lượng.
Cách sử dụng Trình chỉnh sửa SVG Resize / viewBox
- Thả hình ảnh của bạn vào khu vực tải lên (đơn hoặc hàng loạt — bật Bulk ở trên cùng).
- Chọn bất kỳ cài đặt nào công cụ cung cấp (kích thước, định dạng, chất lượng).
- Nhấn Run. Kết quả tự động tải xuống — không cần bước lưu thủ công.
Khi nào nên sử dụng
Các trường hợp sử dụng phổ biến bao gồm:
chuẩn bị hình ảnh để tải lên web, danh sách thương mại điện tử, nền tảng mạng xã hội có ràng buộc định dạng và chuyển đổi tệp từ thiết bị hoặc ứng dụng này sang thiết bị khác.
Free vs Premium
Mọi khách truy cập đều có một lần dùng thử miễn phí; người dùng đã đăng nhập miễn phí có hạn ngạch hàng ngày cao hơn. Đăng ký
Premium
để có số lần chạy không giới hạn, xử lý hàng loạt lên đến 200 hình ảnh mỗi lần, hàng đợi ưu tiên và duyệt web không quảng cáo.
Công cụ liên quan
Đang tìm kiếm thứ gì đó hơi khác? Thử
Trình chuyển đổi SVG sang PNG
,
Trình chuyển đổi SVG sang JPG
hoặc
Công cụ chuyển đổi SVG sang WebP
— or browse all
SVG / Vector công cụ.
