docs/v2/rendering_content/4_image.md
# Image
SpinaCMS uses ActiveStorage to handle image uploads and variants. Make sure you've installed ActiveStorage in your Rails app before using `Spina::Parts::Image`.
You can render images in two ways:
- using an image_tag
- using a URL
## Theme configuration
```
config.parts = [
# ...
{
name: "header_image",
title: "Header image",
part_type: "Spina::Parts::Image"
}
]
```
## Image tag example
```
<%= content.image_tag(:header_image, {resize_to_fill: [200, 200]}, {class: 'image'}) %>
```
This `content` helper will automatically add an `alt` attribute to the image. You can change the alt text when editing pages in Spina.
## Image URL example
```
<div style="background-image: url(<%= content.image_url(:header_image, {resize_to_fill: [1280, 200]}) %>)"></div>
```