https://github.com/sourcebroker/webp
Webp converter scenarios
https://github.com/sourcebroker/webp
webp
Last synced: about 1 year ago
JSON representation
Webp converter scenarios
- Host: GitHub
- URL: https://github.com/sourcebroker/webp
- Owner: sourcebroker
- License: mit
- Created: 2021-02-20T10:48:08.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-03-11T21:31:24.000Z (over 5 years ago)
- Last Synced: 2024-10-21T03:03:22.403Z (over 1 year ago)
- Topics: webp
- Language: PHP
- Homepage:
- Size: 21.5 KB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.rst
- License: LICENSE.txt
Awesome Lists containing this project
README
webp
====
.. contents:: :local:
What does it do?
----------------
This library is short scenarios of working examples for webp on demand which use rosell-dk/webp-convert in background.
There will be two scenarios:
1) call to image which has no webp version yet will redirect to original source and run webp image converter in background
2) call to image which has no webp version yet will stream original source and run webp image converter in background
Next calls to jpg/png will return webp on apache rewrite level.
For now only first scenario is implemented.
Webp images generated after redirect to original source
-------------------------------------------------------
How to install ?
++++++++++++++++
1. ``composer req sourcebroker/webp``
2. Go to folder ``vendor/sourcebroker/webp/Resources/WebpRedirectToOriginalAndConvertInBackground``
3. Copy part of htaccess from there to your htaccess or vhost configuration.
4. Copy the example ``webp.php`` to your DocumentRoot folder. Change the path to vendor folder to your needs.
5. Your webp files will be stored in separate folder in your DocumentRoot folder. By default its ``_processed_/webp-images``.
You can change this folder by replacing ``_processed_/webp-images`` in ``.htaccess`` file and in ``webp.php`` file.
6. If you open folder ``vendor/sourcebroker/webp/Resources/WebpRedirectToOriginalAndConvertInBackground/cms-specific`` you
will find there ``htaccess`` and ``webp.php`` for specific CMSes like for example TYPO3. The path to store files
is there selected to best fit the CMS.
How to test?
++++++++++++
1. Go into Network tab in Chrome DevTools. When you refresh website you should see jpg/png files being redirected to the
same url but with ``?processing`` parameter.
2. When you refresh the page second time some jpg/png should be already converted. Those will have ``webp`` in column ``Type``
3. Check you DocumentRoot folder there should be ``_processed_/webp-images`` folder created with webp files.