| Abstract [eng] |
Large format photo printing market is constantly growing. Companies which are offering large-scale printing usually only let you upload your images file - PDF, \"Adobe Photoshop\", \"Adobe InDesing\" and in other formats in their websites. HTML5 standard introduced new technologies that created more possibilities for browsers and more companies are investing in this area. That's why we can assume that this technology has enough functionality for creating browser editor, which is able to process large-format pictures. Therefore, the main job is to create a browser editor, which is able to manipulate large-format photographs and do an experiment that would compare the existing browser technologies and their suitability for large-format images manipulation. The paper suggested checking main HTML5, Canvas, WebGL and SVG technology. SVG as the source of experiment was rejected because the use of the same images display and manipulation technique as HTML5. However, some of the technologies are complex and requires libraries that would speed up creation. So, libraries that were chosen: HTML5 - JQuery and GSAP. Meanwhile WebGL - ThreeJS library and Canvas - it's standart implementation. Effectiveness of the proposed libraries/technologies has been proven experimentally. The experiment showed that the Canvas with a photo, which dimensions were up to 10000px x 10000px showed good results (without delays), but with larger size photos for Canvas it was hard to handle - with 12000px x 12000px dimensional picture average delay was big - 6 s. However, this technology is widely used because it is versatile enough - has a perfect compatibility between browsers. WebGL showed the best results - even with 14000px x 14000px size image delay was the lowest - 0.2s. However, this technology is oriented more to 3D applications and only 70 percent of computers support it - also if your computer support it but does not have a video card - it may be that it can support only pictures up to 8192px x 8192px dimensions. This reduces the proportion of potential customers. Meanwhile, GSAP with 14000px x 14000px dimension size image delayed by 2s only - which makes it the second best and also - more universal than WebGL. JQuery with 14000px x 5 14000px dimension size image delayed more than 4 s. So if you focus on large-format printing and the wide range of consumers - it is the best to use GSAP. |
