Hình ảnh trong cột siết chặt

Xin chào,

tôi nghĩ rằng nó không bình thường vì các cột được kích thước lại về kích thước màn hình. Thông thường trên mẫu phản hồi Một thuộc tính chiều rộng tối đa: 100% được áp dụng trên tất cả các hình ảnh để làm cho chúng phản hồi. Nếu bạn không có nó, hình ảnh có kích thước cố định, nó sẽ không hoạt động trên màn hình nhỏ.

Xem Whet đính kèm xảy ra với 3 cột thường.

Cổ vũ,

Mặc dù đó là một thời gian dài sau đó, tôi phải đẩy vấn đề này bởi vì tôi có cùng một vấn đề. Và tôi đã phát hiện ra nguyên nhân của hành vi này: Nó xảy ra nếu bạn thay đổi kích thước hình ảnh và thay đổi bất kỳ tham số nào của hình ảnh trong hộp thoại thuộc tính hình ảnh (hoặc nó được gọi là thuộc tính hình ảnh? Tôi không sử dụng phiên bản tiếng Anh)
một ví dụ: Tôi đặt một hình ảnh trong bài viết của mình và thay đổi kích thước nó bằng cách kéo nó lên 400x300px. Trong mã nguồn có
chiều rộng = "400" hight = "300".
Bây giờ nhân đôi hình ảnh để bắt đầu hộp thoại thuộc tính hình ảnh và chỉ cần nhấp vào OK. Bây giờ SourceCode đã thay đổi thành
IMG Style = "Width: 400px; Hight: 300px;"
Nó chỉ đơn giản là một cách khác để đặt tham số kích thước trong HTML nhưng kiểu = "... Cách tạo ra hình ảnh vì một lý do nào đó bị ép khi thay đổi kích thước cửa sổ trình duyệt.

Có cách nào thay đổi mã hóa không?

Xin chào,

cảm ơn vì những phản hồi về điều đó. Bạn có thể đăng tôi ở đây một ảnh chụp màn hình của các cài đặt hình ảnh mà bạn đã nói với tôi không?
Nhân tiện, không sử dụng tay cầm để thay đổi kích thước hình ảnh trong nội dung của bạn, bạn sẽ có hình ảnh được hiển thị ở một phù thủy không có kích thước tự nhiên có lợi thế gấp đôi là nặng và có chất lượng sai khi hiển thị. Nó cũng có thể gây ra vấn đề trong phần đáp ứng.

Cổ vũ,

Cảm ơn Tristan đã trả lời, tất nhiên tôi có thể thực hiện một số ảnh chụp màn hình.

Tôi đã làm một ví dụ đơn giản với một hình ảnh có kích thước ban đầu là 800x535px.

1. Thay đổi kích thước nó bằng cách sử dụng tay cầm trực tiếp trong trình soạn thảo thả (btw. Không có gì sai khi làm theo cách đó miễn là bạn giữ tỷ lệ thuận). Khóa ở cửa sổ trình duyệt thu nhỏ, hình ảnh theo tỷ lệ phù hợp và đáp ứng đầy đủ. [resized_in_dropedit_by_handles.png]

2. Sau đó, tôi nhấp vào hình ảnh để mở các thuộc tính-dialog, không thay đổi gì-chỉ nhấp vào 'OK'. Mã nguồn thay đổi như bạn có thể thấy và cùng một hình ảnh trong cùng một cửa sổ trình duyệt bị thu hẹp được hiển thị siết chặt và không phản hồi nữa. [resized_by_properies-dialog.png]

Tôi hy vọng điều này làm cho vấn đề rõ ràng hơn và giúp làm cho DropEditor tốt hơn (tôi nghĩ rằng de là trình soạn thảo Joomla thông minh nhất).

BTW. Đây là một điểm khác, nhưng, có thể có được một trường lớp hình ảnh trong hộp thoại thuộc tính của hình ảnh không? Điều này sẽ làm cho lớp học thay đổi thoải mái hơn một chút.

Trân trọng, Frank

Chào bạn,


OK, tôi nghĩ là tôi hiểu rồi. Đây là một vấn đề liên quan đến công cụ chỉnh sửa ảnh cũ được tích hợp trong trình chỉnh sửa (chỉ thuộc tính nút hình ảnh).
Chúng tôi đang phát triển phiên bản cập nhật của Droppics để xử lý vấn đề bằng cách tạo ảnh thu nhỏ thật.

Về vấn đề đầu tiên cần lưu ý về kích thước ảnh tự nhiên, nó không thay đổi vấn đề mà chỉ là một lời khuyên. Nó làm chậm website và được tất cả các công cụ SEO phân tích là một lỗi. Trong Chrome, công cụ xử lý đã bị xóa khỏi trình chỉnh sửa.

Trân trọng,

Được rồi, đây sẽ là một bản cập nhật tuyệt vời.

Trước đây tôi thường làm thủ công việc này với droppics (pro) bằng cách tạo một bản sao có kích thước tùy chỉnh. Một hình thu nhỏ được tạo tự động sẽ tiện lợi hơn - rất được hoan nghênh. Vấn đề của tôi là, hình ảnh được đặt trong bài viết với kích thước tối đa của chúng trông hơi mờ trên màn hình có độ phân giải cao. Ví dụ, một hình ảnh 400x300px được đặt trong bài viết trông ổn trên màn hình văn phòng của tôi với 72 dpi, nhưng trên máy tính bảng với dpi <200 thì trông không sắc nét (do trình duyệt thay đổi kích thước). Một hình ảnh có kích thước vật lý 600x448px đã được thay đổi kích thước thành 400x300px trông sắc nét hơn nhiều trên màn hình HiRes. Kích thước tệp lớn hơn một chút - đúng vậy, nhưng không nhiều lắm... Đối với màn hình HiRes, tôi không biết cách nào khác để làm cho hình ảnh trông sắc nét.

Trân trọng, Frank

Được rồi, đây sẽ là một bản cập nhật tuyệt vời.

Trước đây tôi thường làm thủ công việc này với droppics (pro) bằng cách tạo một bản sao có kích thước tùy chỉnh. Một hình thu nhỏ được tạo tự động sẽ tiện lợi hơn - rất được hoan nghênh. Vấn đề của tôi là, hình ảnh được đặt trong bài viết với kích thước tối đa của chúng trông hơi mờ trên màn hình có độ phân giải cao. Ví dụ, một hình ảnh 400x300px được đặt trong bài viết trông ổn trên màn hình văn phòng của tôi với độ phân giải 72 dpi, nhưng trên máy tính bảng với độ phân giải 200 dpi thì trông không sắc nét (do trình duyệt thay đổi kích thước). Một hình ảnh có kích thước vật lý 600x448px đã được thay đổi kích thước thành 400x300px trông sắc nét hơn nhiều trên màn hình HiRes. Kích thước tệp lớn hơn một chút - đúng vậy, nhưng không nhiều đến vậy... Đối với màn hình HiRes, tôi không biết cách nào khác để làm cho hình ảnh trông sắc nét.

Trân trọng, Frank

PS Xin lỗi vì đã đăng lại, hệ thống đã cắt bớt văn bản của tôi do sử dụng Biểu tượng mũi tên. Tôi sẽ cẩn thận hơn trong các bài viết tiếp theo.