Movie artwork: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Artwork_Contents}}
{{Artwork_Contents}}
{{mininav|[[Artwork]]}}
{{mininav|[[:Category:Video_library|Video Library Index]] |[[Artwork]]}}




{{divbox|gold|Page under construction. To comment or make suggestions, go to [[https://forum.kodi.tv/showthread.php?tid=316985<nowiki>Artwork Forum</nowiki>]] }}
<section begin="intro" />Movie artwork are images directly related to a movie, preferably of high quality that are displayed when viewing the movie entry in the library. The artwork support in {{Kodi}}'s video library is very flexible and able to display many types of artwork depending on the skin in use.<section end="intro" />


Movie artwork are images directly related to a movie, preferably of high quality, that are displayed when viewing the movie entry in the library. The movie section in Kodi has the impressive ability to display up to 14 types of artwork.


It is important to note the following:


*Artwork is totally skin dependent. This means that some skins display a small number of artwork types, while other skins will display most of the available artwork types.
= Scanning & Scraping =
*In previous versions of Kodi and in older wiki pages, the term Thumbnails was used to describe Artwork. Kodi has now moved away from referring to thumbnails due to the amount of confusion and concern it caused users.
v18 introduces an '''experimental''' feature that will auto-load extended artwork without the use of additional add-ons. It is considered an advanced feature. Usage and practicality of this feature are being monitored and may change in later releases.
*The base line for all artwork is the default skin Estuary. By default, Estuary displays the Basic artwork. Estuary can display the Extended artwork via additional add-ons.


In the Movie Library, artwork was traditionally described as follows:


= Basic Movie Artwork =
{| class="prettytable"
The artwork in the Basic section is the minimum artwork displayed by the default skin Estuary with a standard install.
|-
 
! colspan="2" style="text-align:left;" | Basic Artwork
 
! colspan="1" style="text-align:left; background-color:#ffffff;" |
== Fanart ==
! colspan="8" style="text-align:left;" | Extended Artwork
[[File:Artwork-FanartView02.jpg|400px|right]]
|-
Fanart can be defined as images, depicting iconic scenes in a movie, that have been created by fans.
|style="width:80px; text-align:left;"|fanart
;{{see also|wikipedia:Fanart|l1=Fanart on Wikipedia}}
|style="width:80px; text-align:left;"|poster
 
|style="text-align:left; background-color:#ffffff;" |
For Kodi, it means digital images, of high quality, that are used as full screen backdrops or wallpapers to enhance the user experience.
|style="width:80px; text-align:left;"|banner
;{{see also|FanArt}}
|style="width:80px; text-align:left;"|clearart
 
|style="width:80px; text-align:left;"|clearlogo
The image to the right is a typical example of Movie fanart. It is specifically designed to match the 16:9 ratio of current generation televisions and monitors. This allows the screen to be completely filled by the image.
|style="width:80px; text-align:left;"|discart
 
|style="width:100px; text-align:left;"|fanart''xx'' (extrafanart)
The standard resolution of fanart is 1920x1080. But with the rise in popularity of 4k televisions, there is a slow but steady shift to 3840x2160 sized fanart.
|style="width:80px; text-align:left;"|keyart
 
|style="width:80px; text-align:left;"|landscape
 
{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''fanart.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\fanart.jpg/png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''fanart.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\fanart.jpg/png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| '''''<moviename>-fanart.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\Big Buck Bunny (2008)-fanart.jpg/png''
|}
|}


'''Basic''' artwork requires no special setup as it has always been natively scanned and scraped by {{kodi}}


'''Extended''' artwork required the use of additional add-ons in previous versions. Artwork Downloader (now defunct) was used. More recently '''''[https://forum.kodi.tv/showthread.php?tid=258886 Artwork Beef]''''' is used.


== Poster ==
Users now have the '''option''' of allowing {{kodi}} to load all artwork without add-ons. To use this feature...
[[File:Artwork-PosterView01.jpg|400px|right]]


Also known as ''Cover Art'' and ''Folder Image''. The Poster Art used in Kodi replicates the movie posters often seen in cinema complexes.
:'''1.''' Add the below code to the '''[[Advancedsettings.xml| advancedsettings.xml]]''' file, ensuring you do not duplicate any tags if they already exist... eg ''<advancedsettings></advancedsettings>, <videolibrary></videolibrary>''
;{{see also|wikipedia:Poster|l1=Poster on Wikipedia}}
:'''2a.''' Install the '''[[Add-on:Universal_Movie_Scraper|Universal Movie Scraper]]''' and adjust the settings to enable scraping of Extended artwork as they are disabled by default. (see image below code box)
:'''2b.''' If you have local artwork saved as detailed in the next section, {{kodi}} will scan this first and the Universal Movie Scraper is not required.
:'''3.''' Restart {{kodi}} and scan or scrape movies as per usual.


The image to the right is displaying poster images of four movies in the Kodi library. They are portrait, high quality images which use a small portion of the screen allowing movie information or other items to be displayed alongside.
:'''Note:''' The code box below adds common extended artwork that most skins will utilise. It is your choice which extended artwork you add. If you add additional to that shown, ensure the skin has support to display it.
<syntaxhighlight lang="xml" line='line'>
<advancedsettings>
<videolibrary>
<movieextraart>
<arttype>banner</arttype>
<arttype>clearart</arttype>
<arttype>clearlogo</arttype>
<arttype>discart</arttype>
        <arttype>fanart1</arttype> <!-- Multiple fanart -->
        <arttype>fanart2</arttype> <!-- Add as many as required. -->
        <arttype>fanart3</arttype>
<arttype>keyart</arttype>
<arttype>landscape</arttype>
</movieextraart>
</videolibrary>
</advancedsettings>
</syntaxhighlight>


The aspect ration of the poster is 1:1.5 with a resolution of 1000x1500. With the rise in popularity of 4k televisions, there is a slow but steady shift to 2000x3000 sized Posters.


<gallery mode="packed-overlay" widths="500px" heights="283px">
File:UniversalMovieScraper01.jpg|Enable the Extra Artwork options.
</gallery>


{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''poster.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\poster.jpg/png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''poster.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\poster.jpg/png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| '''''<moviename>-poster.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\Big Buck Bunny (2008)-poster.jpg/png''
|}


'''{{red|Note: There is no requirement to use this method. If you find this too complicated, then continue to use Artwork Beef to load extended artwork into {{kodi}}}}'''




== Actor Image ==
[[File:Artwork-Actors02.jpg|400px|right]]


The Actor artwork is a portrait of an actor for easy identification.
= Local Artwork =
Local movie artwork is saved in the same folder where the '''[[Naming_video_files|movie file]]''' is saved.


The image to the right is displaying the Actor Images of five actors along the top row. They are portrait, medium to high quality images.
The default file name for movie artwork is  '''<movie file name>-<arttype>.<ext>''' - see image below. {{resize|0.8em|(does not apply to DVD and Bluray folders)}}


The aspect ratio of the Actor Image is 1:1.5 with a resolution of 1000x1500. With the rise in popularity of 4k televisions, there is a slow but steady shift to 2000x3000 sized Posters.  
There is also a short name '''<arttype>.<ext>''' that can be used. Short artwork names can be used and are scanned only when the following conditions are met...
#'''[[Naming_video_files/Movies#Movie_Folder|Movie Folders]]''' are used
#'''Movies are in separate folders that match the movie title''' must be '''Enabled''' in the [[Adding_video_sources#Set_Content|Set Content Screen]]
#No corresponding artwork with long format names are present in that movie folder, as these take priority.




<gallery mode="packed" widths="1000px" heights="562px">
File:LocalMovieArtwork01.jpg|link=|'''''Example of correct use of Movie Folder with artwork, nfo file, trailer and theme.<br> Take not of file naming and location.'''''
</gallery>








{{Top}}




 
{{updated|18}}
 
[[Category:FAQ]]
 
[[Category:Index]]
 
[[Category:Guides]]
 
 
= Extended Movie Artwork =
To display the Extended artwork, an add-on will need to be installed to extend the image handling capabilities of Estuary and other skins. Once this is installed, it will insert extra artwork fields in the Estuary Skin. The downloader can then be used to either automatically scrape the extra artwork or, due to the newly available artwork fields, you can manually search and insert your local artwork.
One example is The Artwork Downloader add-on which can be installed from the official Kodi repository.
; {{see|Add-on:Artwork_Downloader}}
 
 
 
== Banner ==
[[File:Artwork-Banner02.jpg|400px|right]]
Also known as Wide Banner Icons. The image to the right shows the Movie Banner view on the Aeon Nox skin. They are images that normally contain recognisable characters or moments in the movie. The banner image normally displays the movie logo which is of a size that is clearly legible. There should be no written advertising of Actors, Studios etc.
 
The Banner uses an aspect ratio of 1:0.185. The standard resolution is 1000x185.
; {{see also|Wide_banner_icons}}
 
 
{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''banner.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\banner.jpg/png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''banner.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\banner.jpg/png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| ''n/a''
| ''Movie must be in it's own movie directory''
|}
 
 
 
== ClearArt ==
[[File:Artwork-ClearArt01.jpg|400px|right]]
 
ClearArt are images that are saved on a transparent background. This allows the image to be overlayed on another image or playing video. The images normally include the movie name or logo, along with an iconic prop or scene from the movie, or an actors image.
 
The image to the right is displaying ClearArt at the bottom right corner of the image.
 
The image has an aspect ratio of 1:0.562 and the normal resolution is 1000x562.
 
 
{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''clearart.png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\clearart.png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''clearart.png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\clearart.png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| ''n/a''
| ''Movie must be in it's own movie directory''
|}
 
 
 
== Clearlogo ==
[[File:Artwork-ClearLogo.jpg|400px|right]]
 
This is the basic movie logo or movie name on a transparent background. The logo uses the movies distinctive font. There are no movie or actor images incorporated into the logo. The transparent background allows it to be overlayed on other images or video with minimal impact.
 
The image on the right is displaying the ClearLogo movie names across the bottom of the image.
 
The image has an aspect ratio of 1:0.388 and the normal resolution is 800x310.
 
 
{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''clearlogo.png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\clearlogo.png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''clearlogo.png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\clearlogo.png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| ''n/a''
| ''Movie must be in it's own movie directory''
|}
 
 
 
== Landscape ==
 
 
 
 
 
 
 
== Thumbnail ==
[[File:Artwork-Thumbs01.jpg|400px|right]]
 
Thumbs and Movie Thumbs are a source of confusion for many people. The term Thumbs tends to convey the impression of a very small and low quality image. This is not the case. Movie thumbs are just smaller versions of Fanart. Most times it is the same image. This is a hangover from earlier days, when computer processing power was not powerful enough to manipulate a high number of images at a very fast rate. These days, thumbs can be ignored, and fanart used in it's place.
 
The image content of the Thumb is the same as for Fanart. The image properties have an aspect ratio is 1:0.562 with a usual resolution of 1000x562.
 
 
 
 
 
 
 
 
 
 
 
 
= Skin Dependent & Other Artwork =
The following artwork requires a skin that supports that type of artwork.
;{{see also|skin}}
:'''''See also: [https://kodi.tv/addons/browse?keyword=&category=1192&author=&sort=title+ASC<nowiki>Add-on Search</nowiki>]'''''
 
 
 
== Disc ==
[[File:Artwork-DiscArt01.jpg|400px|right]]
 
DiscArt requires the use of a supporting skin. It replicates the picture on the physical DVD and Bluray disc. Although the disc artwork is round, the image itself is square and the disc image is placed on a transparent background.
 
The aspect ration of the image is 1:1, and the usual resolution is 1000x1000.
 
 
{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''disc.png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\disc.png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''disc.png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\disc.png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| ''n/a''
| ''Movie must be in it's own movie directory''
|}
 
 
 
== Logo ==
The Logo has the same qualities and properties as the ClearLogo. These two items can be easily interchanged. Although, there are logo's with a solid background rather than a transparent background and these should not be used to replace the ClearLogo.
 
 
 
== Extra fanart ==
Extra fanart is reliant on a supporting skin.
You are able to download and save additional high quality Fanart which the skin can display, usually in a slideshow.
; {{see also|Extra_Fanart}}
 
 
 
== Movieset Fanart ==
As of v17, Kodi does not automatically recognise and scrape the Movieset Fanart. It needs to be manually selected.
 
This artwork is used for movie Collections or Sets. For example, the Superman collection consists of five movies. Kodi has the ability to display these as a Box-Set. When viewing the box-set, rather than displaying a fanart that is associated with only one of the movies, it is preferable to display a fanart image that has a connection to all the movies.
 
The properties of the movieset fanart are exactly the same as for Fanart.
 
It is possible that this artwork will be included in future versions of Kodi. But at this stage, the artwork needs to be manually applied.
; {{see also|Movie_set}}
 
 
{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''movieset-fanart.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\movieset-fanart.jpg/png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''movieset-fanart.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\movieset-fanart.jpg/png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| ''n/a''
| ''Movie must be in it's own movie directory''
|}
 
 
 
== Movieset Poster ==
As of v17, Kodi does not automatically recognise and scrape the Movieset Poster. It needs to be manually selected.
 
This artwork is used for movie Collections or Sets. For example, the Superman collection consists of five movies. Kodi has the ability to display these as a Box-Set. When viewing the box-set, rather than displaying a Poster that is associated with only one of the movies, it is preferable to display a Poster image that has a connection to all the movies.
 
The properties of the movieset poster are exactly the same as for Poster.
 
It is possible that this artwork will be included in future versions of Kodi. But at this stage, the artwork needs to be manually applied.
; {{see also|Movie_set}}
 
 
{|
|+ '''''How to save your own manually sourced artwork'''''
|- valign="top"
| width=200px | '''''Saved movies as'''''
| '''''File Name'''''
| '''''Save Location'''''
|- valign="top"
| width=200px | {{nowrap|BluRay & DVD Structure:}}
| '''''movieset-poster.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\movieset-poster.jpg/png''
|- valign="top"
| width=200px | {{nowrap|Single movie in Directory:}}
| '''''movieset-poster.jpg/png'''''
| eg ''f:\MyMovies\Big Buck Bunny (2008)\movieset-poster.jpg/png''
|- valign="top"
| width=200px | {{nowrap|All movies in single Directory:}}
| ''n/a''
| ''Movie must be in it's own movie directory''
|}
 
 
 
= Obtaining Artwork =
Movie artwork can be obtained using a variety of methods
 
 
== Scrapers ==
A scraper is the Kodi add-on that searches for and downloads
{{Editor note|need to incorporate auto download/scraping of artwork}}
 
; {{see also|Scraper}}
; {{see also|How_To_use_Scrapers}}
 
 
== Manual Search & Storage ==
 
 
 
== Create Your Own ==
So you are not happy with the artwork the scraper downloaded? And you just can't find that perfect artwork by manually searching the internet. Then, you will just have to create your own. For those who are artistically minded and can easily navigate around image editing software, then you should be able to easily create your very own user-defined artwork on your computer.  Only your imagination is the limit, but be mindful that the artwork needs to remain true to the movie it represents.
 
If you are unsure where to start, the following links may prove useful. Especially if you plan to share your masterpieces. If this is the case, it is best to stick to the posted guidelines.
*Fanart.TV- The premier repository for all things artwork. They have an in-depth guide for artwork requirements
:;''see : [https://fanart.tv/movie-fanart/<nowiki>Fanart.tv- Image Creation Guide</nowiki>]''
*The MovieDB- The go to movie scraper site for Kodi. In addition to metadata, they also hold a large repository of artwork that are created and uploaded to the site by people just like you. They also have artwork creation guides.
:; ''see : [https://www.themoviedb.org/documentation/editing/images<nowiki>themoviedb- Image Creation Guide</nowiki>]''
*IMDB- A comprehensive listing of ensuring artwork is appropriate and suitable.
:; ''see : [https://contribute.imdb.com/updates/guide/images<nowiki>IMDB- Image Submission Guide</nowiki>]''
 
; {{see also|Add-on:The_MovieDB}}
 
 
 
= Managing Artwork =
 
 
 
 
 
 
 
== Online ==
 
== Cache ==
{{Editor note|Current Artwork Cache wiki page too large and comprehensive to incorporate here. Leave as separate page. Update page.}}
 
== Local ==
 
 
 
 
 
 
https://forum.kodi.tv/showthread.php?tid=315806&pid=2599318#pid2599318
https://forum.kodi.tv/showthread.php?tid=316396&pid=2604751#pid2604751
 
 
{{updated|17}}
 
[[Category:Manual]]
[[Category:Manual]]
[[Category:Index]]
[[Category:Karellen]]
[[Category:Video library]]
[[Category:Video library]]
[[Category:Music library]]
[[Category:First time user]]
[[Category:Advanced topics]]
[[Category:Advanced topics]]
[[Category:Quick Start Guide]]

Revision as of 20:05, 22 May 2019

Artwork contents

Artwork Main Page



See also:


Return to:

Home icon grey.png   ▶ Video Library Index ▶ Artwork ▶ Movie artwork


Movie artwork are images directly related to a movie, preferably of high quality that are displayed when viewing the movie entry in the library. The artwork support in Kodi's video library is very flexible and able to display many types of artwork depending on the skin in use.


Scanning & Scraping

v18 introduces an experimental feature that will auto-load extended artwork without the use of additional add-ons. It is considered an advanced feature. Usage and practicality of this feature are being monitored and may change in later releases.

In the Movie Library, artwork was traditionally described as follows:

Basic Artwork Extended Artwork
fanart poster banner clearart clearlogo discart fanartxx (extrafanart) keyart landscape

Basic artwork requires no special setup as it has always been natively scanned and scraped by Kodi

Extended artwork required the use of additional add-ons in previous versions. Artwork Downloader (now defunct) was used. More recently Artwork Beef is used.

Users now have the option of allowing Kodi to load all artwork without add-ons. To use this feature...

1. Add the below code to the advancedsettings.xml file, ensuring you do not duplicate any tags if they already exist... eg <advancedsettings></advancedsettings>, <videolibrary></videolibrary>
2a. Install the Universal Movie Scraper and adjust the settings to enable scraping of Extended artwork as they are disabled by default. (see image below code box)
2b. If you have local artwork saved as detailed in the next section, Kodi will scan this first and the Universal Movie Scraper is not required.
3. Restart Kodi and scan or scrape movies as per usual.
Note: The code box below adds common extended artwork that most skins will utilise. It is your choice which extended artwork you add. If you add additional to that shown, ensure the skin has support to display it.
<advancedsettings>
	<videolibrary>
		<movieextraart>
			<arttype>banner</arttype>
			<arttype>clearart</arttype>
			<arttype>clearlogo</arttype>
			<arttype>discart</arttype>
         <arttype>fanart1</arttype> <!-- Multiple fanart -->
         <arttype>fanart2</arttype> <!-- Add as many as required. -->
         <arttype>fanart3</arttype> 
			<arttype>keyart</arttype>
			<arttype>landscape</arttype>
		</movieextraart>
	</videolibrary>
</advancedsettings>



Note: There is no requirement to use this method. If you find this too complicated, then continue to use Artwork Beef to load extended artwork into Kodi


Local Artwork

Local movie artwork is saved in the same folder where the movie file is saved.

The default file name for movie artwork is <movie file name>-<arttype>.<ext> - see image below. (does not apply to DVD and Bluray folders)

There is also a short name <arttype>.<ext> that can be used. Short artwork names can be used and are scanned only when the following conditions are met...

  1. Movie Folders are used
  2. Movies are in separate folders that match the movie title must be Enabled in the Set Content Screen
  3. No corresponding artwork with long format names are present in that movie folder, as these take priority.




Return to top