softimage.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. @include('home.http.common.head')
  5. <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
  6. <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
  7. <link href="/static/ebook/image.css" rel="stylesheet" type="text/css">
  8. <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
  9. <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
  10. <script type="text/javascript" src="/static/js/babel.min.js"></script>
  11. <script type="text/javascript" src="/static/js/vue.min.js"></script>
  12. <script type="text/javascript" src="/static/js/iview.min.js"></script>
  13. <script src="/static/js/utils.js"></script>
  14. <script src="/static/js/config.js"></script>
  15. <style>
  16. .nav-ebook {
  17. position: absolute;
  18. right: 0px;
  19. top: 9px;
  20. color: #fff;
  21. }
  22. .nav-ebook-link li {
  23. padding: 5px 0;
  24. float: left;
  25. }
  26. .nav-ebook-link li+li {
  27. margin-left: 70px;
  28. position: relative;
  29. }
  30. .nav-ebook-link li a {
  31. font-size: 16px;
  32. color: #fff;
  33. line-height: 48px;
  34. display: block;
  35. position: relative;
  36. }
  37. .nav-ebook-link li a:hover {
  38. color: #fff;
  39. }
  40. .nav-ebook-link li a:hover::after {
  41. content: "";
  42. position: absolute;
  43. bottom: 0;
  44. width: 50%;
  45. left: 25%;
  46. height: 4px;
  47. background-color: #fff;
  48. border-radius: 4px;
  49. }
  50. .nav-ebook-link li+li::after {
  51. content: "";
  52. position: absolute;
  53. left: -32px;
  54. height: 20px;
  55. top: 50%;
  56. margin-top: -10px;
  57. border-left: 1px solid #EDEDED;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <div class="header">
  63. @include('home.http.common.header')
  64. </div>
  65. <div id="app">
  66. <!--- 首頁輪播 --->
  67. <div class="index-banner head">
  68. <div class="w1024">
  69. <div class="logolay">
  70. <img src="/static/ebook/imgicon.png" style="width: auto;">
  71. <span>星优办公软件</span>
  72. </div>
  73. <div class="nav-ebook">
  74. <ul class="nav-ebook-link js-down">
  75. <li>
  76. <a class="js-down">格式转换</a>
  77. </li>
  78. <li>
  79. <a class="js-down">图片压缩</a>
  80. </li>
  81. <li>
  82. <a class="js-down">调整尺寸</a>
  83. </li>
  84. <li>
  85. <a class="js-down">裁剪拼接</a>
  86. </li>
  87. <li>
  88. <a class="js-down">批量旋转</a>
  89. </li>
  90. </ul>
  91. </div>
  92. <div class="leftword">
  93. <h1>星优图片处理大师</h1>
  94. <p class="word1">格式转换、批量压缩、调整尺寸、添加水印等<br>支持图片格式相互转换,批量处理效率高<br>支持批量处理图片DPI、图片裁剪拼接等功能
  95. <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYImage/XYImage_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
  96. </p>
  97. <p class="word2">版本号:v1.5.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小:1.56MB</p>
  98. <p class="word2">更新时间:2024-05-08 &nbsp;适合系统:Win7/Win10/Win11</p>
  99. </div>
  100. <img class="rightgif" src="/static/ebook/image-3.png">
  101. </div>
  102. </div>
  103. <div class="func-box">
  104. <h1 class="common-title">功能介绍</h1>
  105. <ul class="func-ul1 w wow slideInLeft" style="visibility: visible; animation-name: slideInLeft;">
  106. <li>
  107. <img src="/static/ebook/m-geshi.png" alt="">
  108. <h2>图片转换</h2>
  109. <p>支持海量图片格式转换,如:bmp、heic、ico、jpg、svg、tif、tiff、webp等图片</p>
  110. </li>
  111. <li>
  112. <img src="/static/ebook/m-yasuo.png" alt="">
  113. <h2>图片压缩</h2>
  114. <p>自定义图片压缩大小,一键批量压缩多张图片,无损图片画质,高效率压缩图片大小</p>
  115. </li>
  116. <li>
  117. <img src="/static/ebook/m-chicun.png" alt="">
  118. <h2>尺寸修改</h2>
  119. <p>等比例缩放图片,或自定义图片尺寸。还可以对图片进行旋转操作</p>
  120. </li>
  121. <li>
  122. <img src="/static/ebook/m-shuiyin.png" alt="">
  123. <h2>水印添加</h2>
  124. <p>可添加文字或图片水印,自定义水印的颜色,位置和透明度等,各种参数让水印更加完美</p>
  125. </li>
  126. <li>
  127. <img src="/static/ebook/m-meihua.png" alt="">
  128. <h2>图片美化</h2>
  129. <p>拥有亮度、对比度、油彩程度、月光、降低躁点等一系列非常丰富的调图参数</p>
  130. </li>
  131. </ul>
  132. <ul class="w wow slideInRight" style="visibility: visible; animation-name: slideInRight;">
  133. <li>
  134. <img src="/static/ebook/m-dpi.png" alt="">
  135. <h2>修改DPI</h2>
  136. <p>快速批量修改图片的分辨率DPI,不影响图片本身尺寸和大小</p>
  137. </li>
  138. <li>
  139. <img src="/static/ebook/m-yuanjiao.png" alt="">
  140. <h2>圆角处理</h2>
  141. <p>快速将图片的四个角变成圆角,角度自由设定,并且支持批量操作提高效率</p>
  142. </li>
  143. <li>
  144. <img src="/static/ebook/m-name.png" alt="">
  145. <h2>批量命名</h2>
  146. <p>批量将图片按照”名称+编号”的方式命名,再也不需要一个一个的重命名了</p>
  147. </li>
  148. <li>
  149. <img src="/static/ebook/m-xuanzhuan.png" alt="">
  150. <h2>图片旋转</h2>
  151. <p>可以将图片顺时针或者逆时针进行旋转,旋转的角度自由设定,批量处理速度快</p>
  152. </li>
  153. <li>
  154. <img src="/static/ebook/m-pinjie.png" alt="">
  155. <h2>图片拼接</h2>
  156. <p>将多张图片按照自己想要的方式进行拼接,自由设置拼接后图片的参数</p>
  157. </li>
  158. </ul>
  159. </div>
  160. <!-- 产品亮点 -->
  161. <div class="advantage-box">
  162. <h1 class="common-title">产品亮点</h1>
  163. <div class="advantage-item advantage-item1 w">
  164. <div class="advantage-text advantage-text-left wow slideInLeft" style="visibility: visible; animation-name: slideInLeft;">
  165. <h2>支持海量格式</h2>
  166. <p>是一款强大的图片格式转换功能,支持将图片转换成png、jpeg、BMP、tiff等格式,快速实现图片格式的批量转换。</p>
  167. <a class="download-count download-total" href="https://xy.xingyousoft.com/soft/XYImage/XYImage_XY.exe" style="color: #fff !important;">
  168. 免费下载
  169. <img src="/static/ebook/icon-down.png" alt="">
  170. </a>
  171. </div>
  172. <img class="wow slideInRight" src="/static/ebook/image-1.png" alt="" style="height: 464px; box-shadow: 5px 5px 20px #ccc;">
  173. </div>
  174. <div class="advantage-item advantage-item2 w">
  175. <img class="wow slideInLeft" src="/static/ebook/image-2.png" alt="" style="height: 464px; box-shadow: 5px 5px 20px #ccc;">
  176. <div class="advantage-text advantage-text-right wow slideInRight" style="visibility: visible; animation-name: slideInRight;">
  177. <h2>批量处理</h2>
  178. <p>软件支持快速批量处理海量图片。可以批量压缩图片,调整图片尺寸、图片加文字、加水印等以及各种特效</p>
  179. <a class="download-count download-total" href="https://xy.xingyousoft.com/soft/XYImage/XYImage_XY.exe" style="color: #fff !important;">
  180. 免费下载
  181. <img src="/static/ebook/icon-down.png" alt="">
  182. </a>
  183. </div>
  184. </div>
  185. </div>
  186. <!-- 使用场景 -->
  187. <div class="pdf-imgscra">
  188. <h2 class="titleh2">使用场景</h2>
  189. <div class="imgscraList">
  190. <div class="imgscraItmes">
  191. <img src="/static/ebook/imgbg1.png" alt="企业办公">
  192. <h3>企业办公</h3>
  193. <p>助力高效企业办公,批量转换图片格式,支持多种图片处理功能,ps小白也可以轻松出大片,提升工作效率</p>
  194. </div>
  195. <div class="imgscraItmes">
  196. <img src="/static/ebook/imgbg2.png" alt="新媒体运营">
  197. <h3>新媒体运营</h3>
  198. <p>支持各种图片制作和处理功能,批量处理多张素材,一键导出多风格的照片,满足新媒体的各种图片需求</p>
  199. </div>
  200. <div class="imgscraItmes">
  201. <img src="/static/ebook/imgbg3.png" alt="电商设计">
  202. <h3>电商设计</h3>
  203. <p>电商设计需要处理大量的产品图,有了这款工具齐全、操作简单的图片处理软件,图片创作会变得更省时、有趣</p>
  204. </div>
  205. <div class="imgscraItmes">
  206. <img src="/static/ebook/imgbg4.png" alt="数码摄影">
  207. <h3>数码摄影</h3>
  208. <p>满足各种证件照及摄影图片的细节处理,可以在图片中加水印,批量对图片进行裁剪、改尺寸、分类等</p>
  209. </div>
  210. </div>
  211. </div>
  212. @include('home.http.common.footer')
  213. </div>
  214. </body>
  215. <script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
  216. <script>
  217. new Vue({
  218. el: '#app',
  219. data: {
  220. target: 'https://www.xingyousoft.com',
  221. productList: [],
  222. },
  223. mounted: function() {
  224. var swiper = new Swiper(".swiper-container", {
  225. slidesPerView: 3,
  226. navigation: {
  227. nextEl: '.swiper-button-next',
  228. prevEl: '.swiper-button-prev',
  229. },
  230. });
  231. this.initList();
  232. },
  233. //方法
  234. methods: {
  235. initList: function() {
  236. // let _this = this;
  237. // axios.post(_this.target + '/api/index/product_list', {
  238. // size: 100,
  239. // page: 1
  240. // }).then(function(response) {
  241. // if (response.data.result) {
  242. // this.productList = response.data.data.list;
  243. // console.log(response.data.data)
  244. // }
  245. // }.bind(_this)).catch(function(error) {
  246. // console.log(error);
  247. // });
  248. },
  249. },
  250. });
  251. </script>
  252. <style>
  253. .info-flex .f-item2 {
  254. width: 25%;
  255. text-align: center;
  256. line-height: 3;
  257. font-weight: 600;
  258. font-size: 15px;
  259. }
  260. .info-flex .icon-o {
  261. width: 100px;
  262. height: 100px;
  263. margin-right: 0;
  264. }
  265. </style>
  266. </html>