{"id":19486,"date":"2019-01-11T13:37:36","date_gmt":"2019-01-11T12:37:36","guid":{"rendered":"http:\/\/blog.netspark.de\/?p=19486"},"modified":"2019-01-10T11:27:55","modified_gmt":"2019-01-10T10:27:55","slug":"large-images-size-and-the-solution","status":"publish","type":"post","link":"https:\/\/blog.netspark.de\/?p=19486","title":{"rendered":"Large images, size and the solution"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-Post-Thumb wp-image-19497\" src=\"https:\/\/blog.netspark.de\/wp-content\/uploads\/2019\/01\/iconAperture-64x64.png\" alt=\"\" width=\"64\" height=\"64\" srcset=\"https:\/\/blog.netspark.de\/wp-content\/uploads\/2019\/01\/iconAperture-64x64.png 64w, https:\/\/blog.netspark.de\/wp-content\/uploads\/2019\/01\/iconAperture-150x150.png 150w, https:\/\/blog.netspark.de\/wp-content\/uploads\/2019\/01\/iconAperture-300x300.png 300w, https:\/\/blog.netspark.de\/wp-content\/uploads\/2019\/01\/iconAperture.png 400w\" sizes=\"auto, (max-width: 64px) 100vw, 64px\" \/>Big images can become a challenge for older computers,<br \/>\nslim internet lines and mobile devices. Yet do we want to<br \/>\nshow you images that are of very large scale, say 16MP<br \/>\nand up. We found a way to do so now with DeepZoom!<\/p>\n<p><!--more-->We&#8217;re proud to announce that we can deliver even Gigabit-Images to you now without any big impact on your internet connection. DeepZoom allows the tile-based reload of image segments (the ones that are visible and some around them) and thus reduces the total amount significantly. Also it reduces the load on your computer&#8217;s CPU!<\/p>\n<p>If you&#8217;re interested in how to create DeepZoom images and the archive structure, let us know in the poll at the end of this post and if there&#8217;s a certain demand, we will create a tutorial for you to have your DeepZoom Images in conjunction with the <a href=\"https:\/\/wordpress.org\/plugins\/zoom-openseadragon\/\" target=\"_blank\" rel=\"noopener\">Zoom OpenSeadragon<\/a> WordPress plugin created for your own blog or website based on WordPress.<\/p>\n<p>Initially it looks complicated but when you know how to deal wit the tools, it will be a breeze to prepare huge image files for display on your website\/blog.<\/p>\n<p>But first enjoy some examples which are quite large:<\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer0',prefixUrl:'https:\/\/blog.netspark.de\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:false,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title:'test',tileSource:'\/wp-content\/uploads\/DZI_Containers\/Pillars_Of_Creation\/dzc_output.dzi'}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption0').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 642px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer0' style='width: 640px; height: 600px;'><\/div><figcaption id='deepzoomCaption0' class='wp-caption-text'>Pillars Of Creation - \u00a9 Hubble Space Telescope<\/figcaption><\/figure>\n<p style=\"text-align: center;\">Pillars of Creation Nebula &#8211; 48MP (6780 x 7071 pixels)<\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer1',prefixUrl:'https:\/\/blog.netspark.de\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:false,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title:'test',tileSource:'\/wp-content\/uploads\/DZI_Containers\/Sombrero_Galaxy\/dzc_output.dzi'}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption1').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 642px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer1' style='width: 640px; height: 600px;'><\/div><figcaption id='deepzoomCaption1' class='wp-caption-text'>Sombrero Galaxy - \u00a9 Hubble Space Telescope<\/figcaption><\/figure>\n<p style=\"text-align: center;\">Sombrero Galaxy &#8211; 74MP (11472 x 6429 pixels)<\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer2',prefixUrl:'https:\/\/blog.netspark.de\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:false,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title:'test',tileSource:'\/wp-content\/uploads\/DZI_Containers\/Andromeda_Galaxy\/dzc_output.dzi'}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption2').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 642px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer2' style='width: 640px; height: 600px;'><\/div><figcaption id='deepzoomCaption2' class='wp-caption-text'>Andromeda Galaxy - \u00a9 Hubble Space Telescope<\/figcaption><\/figure>\n<p style=\"text-align: center;\">Andromeda Galaxy &#8211; 1546MP (69536 x 22230 pixels)<\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer3',prefixUrl:'https:\/\/blog.netspark.de\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:false,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title:'test',tileSource:'\/wp-content\/uploads\/DZI_Containers\/Westerlund_2_Nebula\/dzc_output.dzi'}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption3').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 642px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer3' style='width: 640px; height: 600px;'><\/div><figcaption id='deepzoomCaption3' class='wp-caption-text'>Westerlund 2 Nebula - \u00a9 Hubble Space Telescope<\/figcaption><\/figure>\n<p style=\"text-align: center;\">Westerlund 2 Nebula &#8211; 60MP (8919 x 6683 pixels)<\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer4',prefixUrl:'https:\/\/blog.netspark.de\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:false,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title:'test',tileSource:'\/wp-content\/uploads\/DZI_Containers\/Messier33\/dzc_output.dzi'}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption4').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 642px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer4' style='width: 640px; height: 600px;'><\/div><figcaption id='deepzoomCaption4' class='wp-caption-text'>Triangulum Galaxy - \u00a9 Hubble Space Telescope<\/figcaption><\/figure>\n<p style=\"text-align: center;\">Triangulum Galaxy &#8211; 665MP (34372 x 19345 pixels)<\/p>\n<p>All images are from here: <a href=\"https:\/\/www.spacetelescope.org\/images\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.spacetelescope.org\/images\/<\/a><\/p>\n<script type='text\/javascript'>jQuery(document).ready(function(){var viewer=OpenSeadragon({id: 'deepzoomContainer5',prefixUrl:'https:\/\/blog.netspark.de\/wp-content\/plugins\/zoom-openseadragon\/images\/',collectionRows:false,collectionColumns:3,showNavigationControl:true,showZoomControl:true,showHomeControl:true,showFullPageControl:true,showRotationControl:false,showSequenceControl:true,sequenceMode:false,showReferenceStrip:false,showNavigator:true,navigatorId:\"\",navigatorPosition:'TOP_RIGHT',referenceStripSizeRatio:0.2,referenceStripScroll:'horizontal',referenceStripPosition:'BOTTOM_LEFT',tileSources: [{title:'test',tileSource:'\/wp-content\/uploads\/DZI_Containers\/Aletschgletscher\/dzc_output.dzi'}]});\n\tviewer.curItem=viewer.initialPage;\n\tviewer.curZoom=viewer.initialPage;\n\t\n\tviewer.goTo = function(index) {  \/\/ zoom on specific resource from those on screen             \n\t     this.curItem=index;    \n\t     if (this.sequenceMode) this.goToPage(this.curItem);\n\t     else this.viewport.fitBounds(this.world.getItemAt(this.curItem).getBounds());\n\t     this.curZoom=this.curItem;  \n       \n\t}\n\tviewer.hitTest = function(position) { \/\/ return resource under cursor\n\t    var box;\n\t    var count = this.world.getItemCount();\n\t    for (var i = 0; i < count; i++) {\n\t        box = this.world.getItemAt(i).getBounds();\n\t        if (position.x > box.x && \n\t                position.y > box.y && \n\t                position.x < box.x + box.width &&\n\t                position.y < box.y + box.height) {\n\t            return i;\n\t        }\n\t    }\n\t\n\t    return -1;\n\t}\n\tviewer.showMeta = function (i) \n\t       {                        \n\t       if (i!=-1) {\n\t           var title=this.tileSources[i].title;\n\t           if (title!='') jQuery('#deepzoomCaption5').html(title);\t          \n\t          }\n\t      \n\t       }\n\tviewer.addHandler('page', function (data) {\n\t   viewer.showMeta(data.page);\n\t  \n\t});\n\tviewer.addHandler('canvas-click', function(event) {\n\t    if (viewer.sequenceMode==true) return;\n\t                       \n\t    var index = viewer.hitTest(viewer.viewport.pointFromPixel(event.position));   \n\t    if ((index !== -1)&&(index!=viewer.curZoom)) {\n\t        event.preventDefaultAction = true;\n\t        viewer.goTo(index); \n\t        viewer.showMeta(index);                         \n\t    }\n\t\n\t});\n\t\n    \n        if (viewer.sequenceMode==true) viewer.showMeta(viewer.initialPage);\n   \n\t\n\t\n\t});<\/script><figure  style='width: 642px' class='wp-caption alignnone'><div class='deepzoomContainer' id='deepzoomContainer5' style='width: 640px; height: 600px;'><\/div><figcaption id='deepzoomCaption5' class='wp-caption-text'>Aletschgletscher - \u00a9John Fowler<\/figcaption><\/figure>\n<p style=\"text-align: center;\">Aletschgletscher, Switzerland &#8211; 84MP (12858 x 6534 pixels)<\/p>\n<p>Especially the Andromeda Galaxy image with it&#8217;s Gigapixel dimension would take 4.3GB to download. Most computers wouldn&#8217;t be able to handle this massive file in one piece.<\/p>\n<p>So from now on if we find any larger images that are worth being shown here, you&#8217;ll be able to zoom into them and enjoy them without crashing your computer or mobile device.<\/p>\n<p>Enjoy!<\/p>\n<div id=\"polls-9\" class=\"wp-polls\">\n\t<form id=\"polls_form_9\" class=\"wp-polls-form\" action=\"\/index.php\" method=\"post\">\n\t\t<p style=\"display: none;\"><input type=\"hidden\" id=\"poll_9_nonce\" name=\"wp-polls-nonce\" value=\"ccc6507383\" \/><\/p>\n\t\t<p style=\"display: none;\"><input type=\"hidden\" name=\"poll_id\" value=\"9\" \/><\/p>\n\t\t<p style=\"text-align: center;\"><strong>Would you like to see a tutorial on how to embed DeepZoom Images?<\/strong><\/p><div id=\"polls-9-ans\" class=\"wp-polls-ans\"><ul class=\"wp-polls-ul\">\n\t\t<li><input type=\"radio\" id=\"poll-answer-52\" name=\"poll_9\" value=\"52\" \/> <label for=\"poll-answer-52\">Yes, please explain the plugin and embed process<\/label><\/li>\n\t\t<li><input type=\"radio\" id=\"poll-answer-53\" name=\"poll_9\" value=\"53\" \/> <label for=\"poll-answer-53\">Yes, please explain the creation of DeepZoom image pyramids<\/label><\/li>\n\t\t<li><input type=\"radio\" id=\"poll-answer-54\" name=\"poll_9\" value=\"54\" \/> <label for=\"poll-answer-54\">Yes, please explain it all together<\/label><\/li>\n\t\t<li><input type=\"radio\" id=\"poll-answer-55\" name=\"poll_9\" value=\"55\" \/> <label for=\"poll-answer-55\">Nah, I know how to use the plugin and how to create image pyramids<\/label><\/li>\n\t\t<\/ul><p style=\"text-align: center;\"><input type=\"button\" name=\"vote\" value=\"   Vote   \" class=\"Buttons\" onclick=\"poll_vote(9);\" \/><\/p><p style=\"text-align: center;\"><a href=\"#ViewPollResults\" onclick=\"poll_result(9); return false;\" title=\"View Results Of This Poll\">View Results<\/a><\/p><\/div>\n\t<\/form>\n<\/div>\n<div id=\"polls-9-loading\" class=\"wp-polls-loading\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.netspark.de\/wp-content\/plugins\/wp-polls\/images\/loading.gif\" width=\"16\" height=\"16\" alt=\"Loading ...\" title=\"Loading ...\" class=\"wp-polls-image\" \/>&nbsp;Loading ...<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Big images can become a challenge for older computers, slim internet lines and mobile devices. Yet do we want to show you images that are of very large scale, say 16MP and up. We found a way to do so now with DeepZoom!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[55,434,3240,2949,19],"tags":[3507,3512,3509,3511,3508,3510],"class_list":["post-19486","post","type-post","status-publish","format-standard","hentry","category-computer-2","category-nature-2","category-science","category-technology","category-thoughts-2","tag-deepzoom","tag-gigapixel","tag-highres-image","tag-megapixel","tag-openseadragon","tag-zoom"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/posts\/19486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19486"}],"version-history":[{"count":0,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=\/wp\/v2\/posts\/19486\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=19486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.netspark.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=19486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}