Sosial Media
0
News
    Home Hình Ảnh Tools

    Chuyển đổi ảnh sang WebP & gắn logo

    17 min read

    WebP Converter & Logo Tool

    Công cụ giúp bạn chuyển đổi ảnh sang định dạng WebP tối ưu dung lượng mà vẫn giữ chất lượng, đồng thời hỗ trợ gắn logo/watermark nhanh chóng.

    Chọn ảnh

    PNG, JPG, JPEG, GIF
    Kéo thả hoặc click để chọn

    Chọn logo/watermark

    Nên sử dụng PNG với nền trong suốt

    Người đăng: Tôi Không Share vào lúc 12 nhận xét
    Nhãn:
    12 nhận xét
    Ảnh up lên blogspot cũng có sẵn định dạng webp đó, nhưng cần sửa lại link 1 tí
    Reply
    Sửa link cũng mất thời gian mà nhỉ. Mà nó có tí tác dụng nữa là gắn logo 🤣
    Reply
    [pre]function convertUrl(url) {
    return url.replace("https://blogger.googleusercontent.com", "https://cdn.hung.pro.vn");
    }
    let img = document.getElementById("myimg");
    img.src = convertUrl(img.src);[/pre]
    Trong đó img là ID chứa link ảnh
    Ví dụ
    [pre]<img id="myimg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW73wXTVS4E_I8fBQc0fKRFYL906fbeqcjopYyPVy1W7g1SlwapSOxb6LUPkw8FUDG49EZJ5f0NMRd3nvMsep69taEIAdzzp4zxfqrNLLQfCb_jldB44tiDM3OED02z7weyXZxJ9xIGDB94CkXYUNjSybQ194L9QjQ1cjqhfzXG18xda93ZYlAQgsuwJM/s16000-rw/images.jfif" />[/pre]
    Sau khi áp dụng đoạn js trên ta sẽ được
    [pre]<img id="myImg" src="https://cdn.hung.pro.vn/img/b/R29vZ2xl/AVvXsEiW73wXTVS4E_I8fBQc0fKRFYL906fbeqcjopYyPVy1W7g1SlwapSOxb6LUPkw8FUDG49EZJ5f0NMRd3nvMsep69taEIAdzzp4zxfqrNLLQfCb_jldB44tiDM3OED02z7weyXZxJ9xIGDB94CkXYUNjSybQ194L9QjQ1cjqhfzXG18xda93ZYlAQgsuwJM/s16000-rw/images.jfif">[/pre]
    Reply
    a ơi, e áp dụng đoạn code trên vào blog rồi nhưng url hình ảnh không thay đổi a ạh
    Reply
    https://www.hung.pro.vn/2025/01/dan-ba-khon-khong-can-tranh-gianh-dan-ong-voi-ai-ca.html

    e thêm đoạn code vào </body> và thêm id="myImg" vào hình ảnh này nhưng không thành công.
    Reply
    ID viết "myimg" thôi, đừng "myImg" vì ID nó phân biệt hoa thường 😁
    Reply
    cũng không được anh ạh
    Reply
    Không được hơi lạ nha, em thử tạo bài viết mới xong dán đoạn code bên dưới vào rồi xem thử
    [pre]<img id="myimg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW73wXTVS4E_I8fBQc0fKRFYL906fbeqcjopYyPVy1W7g1SlwapSOxb6LUPkw8FUDG49EZJ5f0NMRd3nvMsep69taEIAdzzp4zxfqrNLLQfCb_jldB44tiDM3OED02z7weyXZxJ9xIGDB94CkXYUNjSybQ194L9QjQ1cjqhfzXG18xda93ZYlAQgsuwJM/s16000-rw/images.jfif" />


    <script>
    function convertUrl(url) {
    return url.replace("https://blogger.googleusercontent.com", "https://cdn.hung.pro.vn");
    }
    let img = document.getElementById("myimg");
    img.src = convertUrl(img.src);
    </script>[/pre]
    Reply
    Anh ơi đổi cho em tên "Hiếu Devs" thành NVMH Blog với! Url thì giữ nguyên ạ
    Reply
    Additional JS