PHPackages                             pixelshelsinki/images - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. pixelshelsinki/images

ActiveLibrary[Image & Media](/categories/media)

pixelshelsinki/images
=====================

Responsive Image component for WordPress

v1.0.3(2y ago)024.0k↓31.6%[2 issues](https://github.com/valvebranding/pixels-images/issues)MITPHP

Since Jan 8Pushed 2y agoCompare

[ Source](https://github.com/valvebranding/pixels-images)[ Packagist](https://packagist.org/packages/pixelshelsinki/images)[ RSS](/packages/pixelshelsinki-images/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (4)Versions (12)Used By (0)

Pixels Images
=============

[](#pixels-images)

Responsive Image component for WordPress. Handles retina sizes & different image shape for mobile.

- Allows images to have normal & retina size
- Allows images to have different mobile image in different aspect ratio
- Automatically handles lazyload
- Uses Picture tag for images & custom background style set for background images.

Install
=======

[](#install)

`composer require pixelshelsinki/images`

Usage
=====

[](#usage)

Pixels Images consists of individual classes for image handling + a static factory for easily using them. Before using new image handlers you just have to register image sizes using the Factory class.

### Register image sizes.

[](#register-image-sizes)

Declare your image sizes in your theme / plugin. Good spot would be 'init' action hook.

```