docs: update v1.2.0 badge and document On-the-Fly Fake JPG Guard in instruction.html
This commit is contained in:
nertyog
parent
cbf05b88b0
commit
7ba8d48fc4
|
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="ua">
|
||||
|
||||
|
|
@ -2540,23 +2540,25 @@
|
|||
|
||||
|
||||
|
||||
<!-- TAB 4 -->
|
||||
<!-- TAB 4 -->
|
||||
|
||||
<div style="background-color: var(--bg-secondary); border: 1px solid var(--border); padding: 24px; border-radius: 12px;">
|
||||
|
||||
<h4 style="font-size:16px; font-weight:700; color:var(--accent); margin-bottom:12px;">
|
||||
|
||||
⚡ Tab 4: <span class="lang-text" data-ua="Сучасні формати (WebP & SVG)" data-ru="Современные форматы (WebP & SVG)" data-en="Modern Formats (WebP & SVG)">Сучасні формати (WebP & SVG)</span>
|
||||
⚡ Tab 4: <span class="lang-text" data-ua="Формати зображень & Захист (WebP, SVG, Fake JPG Guard)" data-ru="Форматы изображений & Защита (WebP, SVG, Fake JPG Guard)" data-en="Image Formats & Protection (WebP, SVG, Fake JPG Guard)">Формати зображень & Захист</span>
|
||||
|
||||
</h4>
|
||||
|
||||
<div class="ua-only">
|
||||
|
||||
<p>Налаштування інтеграції медіаформатів нового покоління безпосередньо у вітрину:</p>
|
||||
<p>Налаштування інтеграції медіаформатів нового покоління та захисту вітрини:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li><b>Завантаження SVG/WebP</b>: Дозволяє додавати ці файли через стандартний диспетчер файлів (Filemanager) у адмінці OpenCart.</li>
|
||||
<li><b>Захист від фейкових JPG (On-the-Fly Fake JPG Guard)</b>: Автоматичний динамічний перехоплювач. Виявляє приховані бінарні PNG-заголовки всередині файлів з розширенням <code>.jpg</code> та виправляє їх на льоту при завантаженні на витрині. Усуває чорний фон у старих версіях систем. Можливість вибору режиму виправлення: конвертувати у JPG з білим фоном або зберегти як прозорий PNG.</li>
|
||||
|
||||
<li><b>Завантаження SVG/WebP</b>: Дозволяє додавати ці файли через стандартний диспетчер файлів (Filemanager) у адмінці OpenCart (включаючи TrueFileManager).</li>
|
||||
|
||||
<li><b>On-The-Fly WebP + Lazy Load</b>: Динамічний перехоплювач. Замінює посилання на зображення <code>.jpg</code>/<code>.png</code> на <code>.webp</code> версії безпосередньо при виведенні HTML покупцеві (якщо браузер підтримує WebP). Також автоматично підставляє атрибут відкладеного завантаження <code>loading="lazy"</code>.</li>
|
||||
|
||||
|
|
@ -2570,10 +2572,12 @@
|
|||
|
||||
<div class="ru-only">
|
||||
|
||||
<p>Настройки интеграции медиаформатов нового поколения непосредственно на витрину:</p>
|
||||
<p>Настройки интеграции медиаформатов нового поколения и защиты витрины:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li><b>Защита от фейковых JPG (On-the-Fly Fake JPG Guard)</b>: Автоматический динамический перехватчик. Однозначно определяет скрытые бинарные PNG-заголовки внутри файлов с расширением <code>.jpg</code> и исправляет их на лету при обращении на витрине, полностью убирая артефакты черных фонов. Переключатель режима: конвертировать в JPG с белым фоном или сохранить прозрачный PNG.</li>
|
||||
|
||||
<li><b>On-The-Fly WebP + Lazy Load</b>: На лету меняет расширения изображений на <code>.webp</code> в коде страницы и добавляет отложенную загрузку. Не затрагивает базу данных!</li>
|
||||
|
||||
<li><b>Прогрессивный Lazy Load</b>: Эффект красивого размытия (blur-up) картинок при прокрутке.</li>
|
||||
|
|
@ -2586,11 +2590,13 @@
|
|||
|
||||
<div class="en-only">
|
||||
|
||||
<p>Configs next-gen format delivery and frontend speed features:</p>
|
||||
<p>Configs next-gen format delivery and storefront protection features:</p>
|
||||
|
||||
<ul>
|
||||
|
||||
<li><b>SVG/WebP Upload Support</b>: Unlocks filemanager capabilities to select and link vector SVG and WebP assets manually.</li>
|
||||
<li><b>On-the-Fly Fake JPG Guard</b>: Dynamically detects PNG binary headers hidden inside <code>.jpg</code> file extensions and fixes them on-the-fly when requested by the storefront browser, eliminating black background artifacts. Includes mode selector: convert to white JPG or save as transparent PNG.</li>
|
||||
|
||||
<li><b>SVG/WebP Upload Support</b>: Unlocks filemanager capabilities (including TrueFileManager) to link vector SVG and WebP assets manually.</li>
|
||||
|
||||
<li><b>On-The-Fly WebP & Lazy Load</b>: Automatically rewrites storefront HTML response to replace standard <code>.jpg</code>/<code>.png</code> paths with their <code>.webp</code> equivalents on-the-fly, while appending native browser <code>loading="lazy"</code> tags.</li>
|
||||
|
||||
|
|
@ -2604,8 +2610,6 @@
|
|||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
|
@ -3609,4 +3613,4 @@
|
|||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Binary file not shown.
Loading…
Reference in New Issue