Artwork: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
>C4
m (Clarifying folder.tbn as an inferior generic thumbnail name)
mNo edit summary
 
(234 intermediate revisions by 32 users not shown)
Line 1: Line 1:
An impressive feature of XBMC is its ability to display custom thumbnails (also known as an "icon") on most items displayed. You can assign thumbnails to folders, programs, music, videos, bookmarks, and of course pictures. You can choose to let XBMC automaticly download thumbnails for music-albums and video/movies from the internet or you can create your very own custom thumbnails, (or you can download custom thumbnails that others have created).
{{Artwork_Contents}}
{{mininav|[[Music_library|Music Library]] {{l2|[[Video_library|Video Library]]}} }}
__NOTOC__


==Custom Thumbnails==
You can easily create your very own user-defined thumbnails on your computer with image tools like Adobe PhotoShop or Paint Shop Pro (or even Paint in Windows). You can alternativly downloaded thumbnails that others have created from the internet (from places like [http://www.chokemaniac.net/download.php?cat=pm3 ChokeManiac.net], [http://www.xbox-skins.net xbox-skins.net], [http://mediaicons.org MediaIcons.org], and many XBMC fan forums). Then you simply have to rename those thumbnails and transfer/copy them to the right location and XBMC will display them. Use JPG or PNG (with transparancy) image-format, and size of the picture to anything from 128x128 to 256x256 in pixel size, (the larger the image is the better it will look on a good display but at the same time large thumbnails loads slower). On a non-HDTV displays a image that is approx 100x140 is recomended for video/movies thumbnails (which is the size that is most common on [[IMDB|IMDb]]), and approx 75x75 for music-albums (which is the default size on [http://www.allmusic.com allmusic.com]). For 720p/1080i HDTV displays a size of approx 182x256 for video/movies thumbnails, and approx 200x200 for music-albums (such music-albums can be found on [http://www.allmusic.com allmusic.com]).


==== Thumbnail Cache ====
= Introduction =
XBMC will cache all Thumbnails to [[The UserData Folder|UserData]]\Thumbnails\ using the CRC of the path of the file or folder as a filename. That is the first location XBMC will generally look for a thumbnail for a given item.<br>
<section begin="intro" />The use of artwork will transform your mundane media player into a showpiece to be proud of, especially when teamed up with your favourite skin. Kodi  will allow you to display Posters, Fanart, Album Covers, Actor and Artist images to name a few. Install the '''''[[Add-on:Picture_Slideshow_Screensaver| Picture Slideshow add-on]]''''', and you will have a constant display of video or music fanart to brighten your entertainment room.<section end="intro" />
In order for your custom thumbnail to show, you may have to delete the cached thumbnail.


==Wide Icons==
{|
|
[[image:Wide1.jpg|360px]]
| valign="top" |
Some of the most visually appealing forms of thumbnails are Wide Icons. They were added in XBMC on the 1st. of January 2007 and are now an integral part of the application. With different adjustments to the skin xml files, you may disable title names, or stack one icon on top of another.<br>
To show big Icons, switch to one of the new [[General Navigation#View|views]], Big Wide or Wide Icons.<br>
'''Remember View''': XBMC Will now remember what view you have for each folder. (Thus you can keep your TV Shows in Wide, and your Movies in Icon)<br>
*[[XBMC Wide Icons|Sources for Wide Icons]]
|}


==Thumbnailing Individual Items in a Single Directory==
If you prefer  not to manually source and save artwork to your local media folders, then scraped artwork can be automatically downloaded and saved into your local  folders by installing one of the following add-ons:
Name the icon file the same as the file you would like it to display for with a .tbn extension ie: ''Transformers.avi, Transformers.tbn''. This is particularly useful for using custom thumbnails for movies.
* '''[https://forum.kodi.tv/showthread.php?tid=360078 Artwork Dump]'''- for v19 and later
* '''[https://forum.kodi.tv/showthread.php?tid=258886 Artwork Beef]'''- for v18 and earlier


'''Example:'''
Movies\path\'''moviename.avi'''
Movies\path\'''moviename.tbn'''


==Folder Thumbnails==
'''v19 Matrix''' introduced new artwork settings. These new {{Kodi}} settings replace the artwork settings in the new python range of scrapers. They also remove the need for the advancedsettings.xml artwork tags which were introduced in v18.<br>  
{|
| valign="top" |
If you store each of your media files in separate subfolders to keep things organized, you can also make the folder have a custom thumbnail image. To do this you eiter need to save your JPG/PNG thumbnail as folder.jpg and place it inside your movie/album folder, or you can save it as <foldername>.tbn and place it at the same level as the folder in the directory tree.
* Remember, XBMC first checks for <foldername>.tbn before checking for folder.jpg.
* Some documentation suggests that folder.tbn can be used. In general folder.jpg is superior as it is detected during a scan i.e. XBMC will correctly use folder.jpg but not folder.tbn.
* Note that folder.jpg '''MUST''' be named .jpg, even if it is a .png format image.
<br>
'''Examples:'''
Movies\path\'''foldername'''\
Movies\path\'''foldername.tbn'''
or
Movies\path\moviename\'''folder.jpg'''
Music\path\album\'''folder.jpg'''


Now your media folder will have a lovely custom thumbnail-image.
* Music artwork settings are located in {{highlight|[[Settings/Media/Music#Artwork|Settings > Media > Music > Artwork]]}}
|
* Video artwork settings are located in {{highlight|[[Settings/Media/Videos#Artwork|Settings > Media > Videos > Artwork]]}}
[[image:Files.myvideos.jpg|right|360px]]
|}


==Program Thumbnails==
In order to display the image displayed for a game, emulator or application, simply rename the desired image '''default.tbn''' and place it in  the folder where the corresponding default.XBE is located.


==Music Thumbnails==
'''{{red|The {{kodi}} scrapers automatically download artwork with little input required by the user. These pages are for those users that want greater control over their artwork by saving artwork locally or creating their own.}}'''
Music Thumbnails are assigned as part of a multitier process. First, the Tag Reader runs and caches any embedded art using the folder path and the album name. If the album name is unavailable, its cached using the fully qualified name. (This assumes, of course, that you have tag reading enabled).<br>
You can also use "Get Thumb" to download the album thumbnail from [http://www.allmusic.com allmusic.com (AMG)] for a specific album/folder or do a scan of all your music files in all shares.<br>
Thumbnails also get downloaded when you rip AudioCD's to your XBox with XBMC (which is described in the [[Ripping CDs]] section).<br>
Recomended is that you store each of your music-albums or artists in a separate subfolder to keep things organized. You can also of course make the folder have a custom thumbnail image.<br>
<br>
[[image:mymusic.jpg|right|360px]]
:'''Notes:''' Running a scan automatically enables 'tag reading' so everything can be cached. Once a scan is run, all your files and their associated thumbnails are stored in the database. When you first enter a folder path, XBMC checks the database before all this occurs. If the items are found in the database, all of this is skipped because the information is already known.
:Using Album Information will allow you to choose between the cover art available for download from [http://www.allmusic.com allmusic.com] and any user-defined thumbnail you may have.<br>
:Press the "Get Thumb" button to bring up a choice of the local thumbnails you have, the currently assigned thumbnail and the [http://www.allmusic.com allmusic.com] thumbnail.<br><br>


'''Then the code which assigns thumbnails to files runs and assigns thumbnails in the following order:'''


;1) Cached Album Thumbnail
:This is all the embedded album art read by the tag reader and cached using the folder path and album name.
;2) Cached filename.tbn
:This includes an embedded thumbnail cached with the fully qualified name.
;3) Remote filename.tbn
:This is a filename.tbn on a remote share/folder which is then cached.
;4) Cached folder.jpg
:This is a folder.jpg which is cached based off the folder path.
;5) Remote folder.jpg
:This is a folder.jpg on a remote share/folder which is then cached.
;6) Remote foldername.tbn
:This is a foldername.tbn on a remote share/folder which is then cached.<br><br>


'''Examples:'''


In this example audiofilename.mp3 will use audiofilename.tbn as thumbnail:
Music\path\'''audiofilename.mp3'''
Music\path\'''audiofilename.tbn'''


The same goes for playlists, cue-sheets, SHOUTcast, and [[HOW-TO:_Play_Internet_Streams|internet-stream files]], example:
{{updated|20}}
Music\path\'''audioplaylistname.m3u'''
Music\path\'''audioplaylistname.tbn'''
Music\path\'''cuelistname.cue'''
Music\path\'''cuelistname.mp3'''
Music\path\'''cuelistname.tbn'''
Music\path\'''shoutcastlinkname.pls'''
Music\path\'''shoutcastlinkname.tbn'''
Music\path\'''audiostreamname.strm'''
Music\path\'''audiostreamname.tbn'''


==Video Thumbnails==
[[Category:Karellen]]
[[image:Myvideos.jpg||right|360px]]
[[Category:Music library]]
You can either use your own custom thumbnails or XBMC can retreive video thumbnails from the internet via [[How To use Scrapers|scrapers]] and cache them.<br>
[[Category:Video library]]
 
'''XBMC applies thumbnails to video files in the following order:'''
 
;1) Cached Thumbnail
:Thumbnails are cached to UserData\Thumbnails\Video using the CRC of the path of the file or folder.
 
;2) User-Defined Thumbnail
:'''For files:''' XBMC checks <filename>.tbn and uses that if it exists. The thumbnail is cached the first time it is read.<br>
:'''For folders:''' XBMC first checks for <foldername>.tbn in the same directory as the folder is in. If no <foldername>.tbn exists XBMC then checks for folder.jpg inside the movie-folder. In either case the first found thumb of those is cached.
 
====Examples for User-Defined Thumbnails:====
;Single Movie File
The following example "moviename.avi" will now use the thumbnail "moviename.tbn".
Movies\path\'''moviename.tbn'''
Movies\path\'''moviename.avi'''
 
;Stacked Movie File
In the following example, the stacked movie "moviename" will now use the thumbnail "moviename CD1.tbn"
Movies\path\'''moviename CD1.tbn'''
Movies\path\'''moviename CD1.avi'''
Movies\path\'''moviename CD2.avi'''
 
The same goes for playlists, and [[HOW-TO:_Play_Internet_Streams|internet-stream files]], example:
Movies\path\'''videoplaylistname.pls'''
Movies\path\'''videoplaylistname.tbn'''
Movies\path\'''videostreamname.strm'''
Movies\path\'''videostreamname.tbn'''
 
==Picture Thumbnails==
'''XBMC applies thumbnails to picture files in the following order:'''
 
;1) Cached Thumbnail
:Thumbnails are cached to UserData\Thumbnails\Pictures using the CRC of the path of the file or folder.
 
;2) Images
:EXIF thumbnail in JPEG images are then read. If no EXIF thumbnail is available, XBMC will load the image and generate a thumbnail from the image. These are then cached.
 
;3) Folders
:<MyHolidayPictures>\folder.jpg is checked first.  If that file doesn't exist, XBMC will generate a thumbnail from up to 4 random images inside that folder.
 
==Thumbnails for Sources==
You can change the thumbnail displayed for a source by editing '''UserData\sources.xml'''.<br>
'''Note:''' Source thumbnails have to be in a folder on the local Xbox harddrive!
 
Simply modify your source as shown:
<xml>
<source>
  <name>Music</name>
  <path>xbms://192.168.1.100:1400/Music/</path>
  <thumbnail>F:\Apps\XBMC\thumbs\shares\thumb.png</thumbnail>
</source>
</xml>
 
==Auto Switch to Icon Mode==
XBMC tries to automatically switch to ''Large Icon'' [[General Navigation#View|view]] when the ''View Mode'' is set to ''Auto'' in the [[Settings]]. It first checks if the skin has ''Large Icon'' view, failing that switches to ''Icon'' view. If neither is available it goes for ''List View''.<br>
'''The rules are as follows:'''
 
====[[Programs Settings#Files|Programs]]====
Auto switches to Icon view when 50% of all the items (files and folder) have thumbs.
 
====[[Pictures Settings#General|Pictures]]====
Auto switches to Thumbs view when the list contains more than 25% files. (In the case of Pictures, all items have thumbs as they are generated upon entering the folder.)
 
====[[Videos Settings#General|Videos]]====
Auto switches to Thumb view when 50% of all the items (files and folder) have thumbs.
 
====[[Music Settings#Files|Music]]====
Auto switches to Thumb view when the list contains at least 75% folders and at least 50% of them have thumbs. (Remember that playlist files like m3u, pls, etc, are treated as folders by default)
 
[[category:Usage]]
[[category:Customization]]

Latest revision as of 21:41, 13 February 2023

Artwork contents

Artwork Main Page



See also:


Return to:

Home icon grey.png   ▶ Music Library
▶ Video Library
▶ Artwork


Introduction

The use of artwork will transform your mundane media player into a showpiece to be proud of, especially when teamed up with your favourite skin. Kodi will allow you to display Posters, Fanart, Album Covers, Actor and Artist images to name a few. Install the Picture Slideshow add-on, and you will have a constant display of video or music fanart to brighten your entertainment room.


If you prefer not to manually source and save artwork to your local media folders, then scraped artwork can be automatically downloaded and saved into your local folders by installing one of the following add-ons:


v19 Matrix introduced new artwork settings. These new Kodi settings replace the artwork settings in the new python range of scrapers. They also remove the need for the advancedsettings.xml artwork tags which were introduced in v18.


The Kodi scrapers automatically download artwork with little input required by the user. These pages are for those users that want greater control over their artwork by saving artwork locally or creating their own.