WordPress Plugin Set Up

Integrate lazy-loaded, pixel-perfect, highly optimized images to the most popular CMS in the world.

Set up your TwicPics domain

Create your TwicPics account

If you don't have one, you can easily create your account for free.

Create your TwicPics domain

Then set your personal TwicPics domain (e.g. xxxxxx.twic.pics). This step is necessary to optimize your images, as they will be delivered through your TwicPics domain.

Connect your TwicPics domain to your WordPress website

Apply the following steps to connect your TwicPics domain to your WordPress website.

These manual operations will be automated in future versions of the plugin.

Select your workspace from the Workspace section.
Then go to the Domains section, select your domain, and click on the Create path button.
A panel opens, in which you must set both Path and Source URL to the URL of your WordPress website. For instance, if your WordPress website is located at https://www.my-website.com, then Path should be set to https://www.my-website.com and Source URL should also be set to https://www.my-website.com.

The Plugin does not support video optimization yet: please select Images for Type of media.
Finally, click on the Save path button, located at the bottom right of the panel window. The new path appears in the list of your domain paths.

To check if everything was set up properly, find the URL of an image on your WordPress website, prepend https://<subdomain>.twic.pics/ to it (with <subdomain> being your actual subdomain), enter the result in your browser address bar and your image should appear.

For instance if the URL of the image on your WordPress website is https://www.my-website.com/wp-content/uploads/picture.jpg , then entering https://<subdomain>.twic.pics/https://www.my-website.com/wp-content/uploads/picture.jpg (with <subdomain> being your actual subdomain) in your browser address bar should display the image.

If it does not work, try to retrace your steps. If you still can't figure out what went wrong, feel free to contact us using the chat box on the bottom right of this very page.

If you have multiple WordPress websites, just repeat the operation for each of them. A TwicPics domain can hold as many paths as necessary.

Install the Plugin

Install the TwicPics Plugin just like you would do with any other WordPress plugin.

Plugin Settings

If you have any other image optimization plugin or any lazy-loading plugin installed, please disable them before moving forward.

In your WordPress admin area:

Navigate to your WordPress plugins page and activate the TwicPics Plugin.
Navigate to the TwicPics Plugin settings (there is a link at the top level of your WordPress admin menu and in the Media submenu).
Fill in the TwicPics domain field with your TwicPics domain.
Select the Optimization level that will be applied to your images:
- Pixel perfect (default): JavaScript based, pixel-perfect, lazy loaded image replacement.
- Maximum compatibility: static, purely HTML based image replacement.
  
  The default approach should work 90% of the time but some plugins and/or themes, especially JavaScript-heavy ones, may clash with it. Use Maximum compatibility if and when you witness weird image distortions and/or flickering.
Click on the Save Settings button.

Congratulations! You just have enabled image optimization by TwicPics on your WordPress website.

Advanced Settings

We recommand not to mess with advanced settings unless you know exactly what you are doing.

Max width of images

Maximum intrinsic width of images in pixels. This prevents generating insanely large images on very wide screens.

Default value: 2000

Using a lower value than the default could severely decrease the quality of the images on your WordPress website.

Resize step

Numbers of pixels image width is rounded by.

Only available with the Pixel perfect optimization level.

Default value: 10

This will reduce the number of variants generated and help CDN performance.
With the default of 10, a 342 pixel-wide image will be rounded down to 340 pixels.

The higher the step, the less pixel perfect the result, so use with caution.